Dôležité funkcie jazyka JavaScript, o ktorých potrebujete vedieť

Dynamické webové aplikácie vznikli po narodení . S rastúcou popularitou webových aplikácií JavaScript sa stal jedným z najdôležitejších jazykov v dnešnom svete. Tento článok o funkciách JavaScriptu vysvetlí rôzne spôsoby definovania funkcií v JavaScripte v nasledujúcom poradí:

• Úvod do JavaScriptu
• Základy JavaScriptu
• Funkcia JavaScript
• Preddefinované funkcie
• Rôzne spôsoby definovania funkcie JavaScript

Úvod do JavaScriptu

JavaScript je a vysoký stupeň , tlmočený, programovací jazyk slúži na zvýšenie interaktivity webových stránok. Je to veľmi výkonný skriptovací jazyk na strane klienta, vďaka ktorému je vaša webová stránka živšia a interaktívnejšia.

Je to programovací jazyk, ktorý vám pomôže implementovať komplexný a krásny dizajn na webových stránkach. Ak chcete, aby vaša webová stránka vyzerala ako živá a dokázala na vás nielen vidieť, je nevyhnutnosťou JavaScript.

Základy JavaScriptu

Ak ste v tomto jazyku nováčikom, musíte ovládať niektoré z týchto jazykov: základy JavaScriptu ktoré vám pomôžu začať písať kód. Medzi základné patria:

• Polia
• Funkcie

Môžete sa pozrieť na dostať sa do hĺbky týchto základných pojmov a základov JavaScriptu. V tomto článku o funkciách JavaScriptu sa zameriame na rôzne spôsoby definovania funkcií.

Funkcia JavaScript

Funkcia JavaScript je blok kódu ktorý je určený na vykonávanie akýchkoľvek konkrétnych úloh. Funkciu môžete spustiť jej zavolaním. Toto je známe ako vzývanie alebo volanie funkcia.

Ak chcete používať funkciu, musíte ju definovať niekde v rozsahu, z ktorého ju chcete nazvať. Cieľom je spojiť niektoré bežne vykonávané úlohy a vytvoriť funkciu, aby sme namiesto toho, aby sme opakovane písali ten istý kód pre rôzne vstupy, mohli zavolať túto konkrétnu funkciu.

Základ syntax Vytvorenie funkcie v JavaScripte je nasledovné:

funkcia functionName (Parameter1, Parameter2, ..) {// Body funkcie}

JavaScript sa skladá z rôznych zabudovaných alebo preddefinované funkcie . Umožňuje nám však tiež vytvárať funkcie definované používateľom. Poďme teda ďalej a pozrime sa na niektoré z bežne používaných preddefinovaných funkcií.

Preddefinované funkcie

JavaScript má niekoľko vstavaných funkcií najvyššej úrovne. Pozrime sa na niektoré z funkcií zabudovaných do jazyka.

Uveďme si príklad a ukážeme si, ako fungujú tieto preddefinované funkcie v JavaScripte:

var x = 10 var y = 20 var a = eval ('x * y') // Eval var b = parseInt ('10 .00 ') // ParseInt var c = parseFloat ('10') // ParseFloat escape ('Vitajte to Edureka ') // Escape unescape (' Welcome to Edureka ') // Unescape

Rôzne spôsoby definovania funkcie JavaScript

Funkciu je možné definovať rôznymi spôsobmi. Je dôležité skontrolovať, ako funkcia interaguje s externými komponentmi a typom vyvolania. Medzi rôzne spôsoby patria:

• • Deklarácia funkcie
  • Vyjadrenie funkcie
  • Definícia stenografickej metódy
  • Funkcia šípky
  • Funkcia generátora
  • Konštruktor funkcií

Vyhlásenie o funkcii

Deklarácia funkcie sa skladá z a kľúčové slovo funkcie , povinný názov funkcie, zoznam parametre v dvojici zátvoriek a dvojici zložených zátvoriek, ktoré vymedzujú kód tela.

Je definovaný ako:

ng-zmena vs zmena

// funkcia deklarácie funkcie isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false

Funkcia isEven (počet) je deklarácia funkcie, ktorá sa používa na určenie, či je číslo párne.

Vyjadrenie funkcie

Funkčný výraz je určený a kľúčové slovo funkcie , za ktorým nasleduje voliteľný názov funkcie, zoznam parametrov v zátvorkách a dvojici zložených zátvoriek, ktoré vymedzujú kód tela.

Je definovaný ako:

const count = funkcia (pole) {// Funkčný výraz vráti pole.length} const metódy = {čísla: [2, 5, 8], súčet: funkcia () {// Funkčný výraz vráti toto.numbers.reduce (funkcia ( acc, num) {// funkcny vyraz return acc + num})}} pocet ([1, 7, 2]) // => 3 metody.sum () // => 15

Výraz funkcie vytvorí funkčný objekt, ktorý sa dá použiť v rôznych situáciách, ako napríklad:

• Môže byť priradený k a premenná ako objekt: count = function (…) {…}
• Vytvor metóda na sume objektu: function () {…}
• Použi funkcie mať zavolaj späť: .reduce (funkcia (...) {…})

Definícia stenografickej metódy

Definícia skratkovej metódy sa používa v deklarácii metódy dňa objektové literály a triedy ES6. Môžete ich definovať pomocou a názov funkcie , za ktorým nasleduje zoznam parametre v dvojici zátvoriek a dvojici zložených zátvoriek, ktoré vymedzujú výroky tela.

Nasledujúci príklad používa definíciu skratkovej metódy v objektovom literále:

const collection = {items: [], add (... items) {this.items.push (... items)}, get (index) {return this.items [index]}} collection.add ('edureka ',' Online ',' JavaScript ') collection.get (1) // =>' edureka '

Stenografický prístup má niekoľko výhody nad tradičnou definíciou majetku, ako napríklad:

• Má kratšia syntax čo uľahčuje čítanie a písanie.
• Takto sa na rozdiel od výrazu funkcie vytvoria pomenované funkcie. Je to užitočné pre ladenie.

Funkcia šípky

Funkcia šípky je definovaná pomocou dvojice zátvoriek, ktorá obsahuje zoznam parametrov, za ktorými nasleduje a tučný šíp (=>) a pár zložených zátvoriek, ktoré ohraničujú výroky tela.

Nasledujúci príklad ukazuje základné použitie funkcie šípky:

const absValue = (číslo) => {if (číslo 21 absValue (7) // => 7

Tu, absValue je funkcia šípky, ktorá počíta absolútnu hodnotu čísla.

Funkcia generátora

Funkcia generátora v JavaScripte vráti a Generátor objekt. Syntax je podobná výrazu funkcie, deklarácii funkcie alebo deklarácii metódy. Vyžaduje to však a hviezdičkový znak (*) .

Funkciu generátora je možné deklarovať v nasledujúcich formách:

• Funkčné vyhlásenie z funkcie * ():

function * indexGenerator () {var index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .value) // => 1

• Funkčný výraz z funkcie * ():

const indexGenerator = funkcia * () {let index = 0 while (true) {výnos index ++}} const g = indexGenerator () console.log (g.next (). hodnota) // => 0 console.log (g. next (). value) // => 1

• Formulár definície skratkovej metódy * ():

const obj = {* indexGenerator () {var index = 0 while (true) {výnos index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 konzola. log (g.next (). value) // => 1

Funkcia generátora vráti objekt g vo všetkých troch prípadoch. Potom sa použije na vygenerovanie série zvýšených čísel.

Konštruktor funkcií

Keď je Function vyvolaná ako konštruktor, a nová funkcia je vytvorený. Argumenty, ktoré sa odovzdajú konštruktoru, sa stanú názvami parametrov pre novú funkciu. Tu sa použije posledný argument ako funkčný orgán kód.

Napríklad:

function sum1 (a, b) {return a + b} const sum2 = function (a, b) {return a + b} const sum3 = (a, b) => a + b console.log (typeof sum1 === 'function') // => true console.log (typeof sum2 === 'function') // => true console.log (typeof sum3 === 'function') // => true

To boli niektoré z rôznych spôsobov definovania funkcií v JavaScripte. Týmto sme sa dostali na koniec nášho článku. Dúfam, že ste pochopili, čo sú funkcie JavaScriptu a rôzne spôsoby ich definovania.

Teraz, keď viete o funkcii JavaScript, pozrite sa na od Edureka. Osvedčenie o školení v oblasti vývoja webových stránok vám pomôže Naučte sa, ako vytvárať pôsobivé webové stránky pomocou HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a ako ich nasadiť do služby Amazon Simple Storage Service (S3).

Máte na nás otázku? Uveďte to prosím v sekcii komentárov v časti „Funkcia JavaScript“ a my sa vám ozveme.