Fontos JavaScript-funkciók, amelyekről tudnia kell

Ez az edureka blog részletes ismereteket nyújt a JavaScript funkcióiról. Ezenkívül elmagyarázza a függvények meghatározásának különféle módszereit példával.

A dinamikus webalkalmazások születése után jöttek létre . A webes alkalmazások növekvő népszerűségével JavaScript a mai világ egyik legfontosabb nyelvévé vált. Ez a JavaScript-függvény cikk a következő sorrendben ismerteti a függvények definiálását a JavaScript-ben:



Bevezetés a JavaScript-be

A JavaScript a magas szint , értelmezett, programozási nyelv a weboldalak interaktívabbá tételéhez használják. Ez egy nagyon hatékony kliensoldali szkriptnyelv, amely élénkebbé és interaktívabbá teszi weboldalát.



JavaScript - javascript függvény- Edureka

Ez egy programozási nyelv, amely segít komplex és gyönyörű dizájn megvalósításában a weboldalakon. Ha azt akarja, hogy weblapja életben nézzen ki, és sokkal többet tegyen, mint hogy csak rád vigyázzon, a JavaScript kötelező.



A JavaScript alapjai

Ha még nem ismeri a nyelvet, ismernie kell néhányat a nyelvből a JavaScript alapjai ez segít megkezdeni a kód írását. Az alapok a következők:

hogyan hajtható végre a hashmap a java-ban

Megnézheti a a JavaScript ezen alapfogalmainak és alapjainak mélységébe kerülni. Ebben a JavaScript-függvény cikkben a funkciók meghatározásának különböző módjaira fogunk összpontosítani.

JavaScript funkció

A JavaScript függvény a kódblokk amelyet bármilyen konkrét feladat ellátására terveztek. Egy függvény meghívásával végrehajtható. Ez az úgynevezett hivatkozva vagy hívás egy függvény.



A függvény használatához valahol meg kell határoznia azt a hatókört, ahonnan meg szeretné hívni. Az ötlet az, hogy egyesítsen néhány általánosan végrehajtott feladatot és hozzon létre egy függvényt, hogy ahelyett, hogy ugyanazt a kódot írnánk újra és újra a különböző bemenetekhez, meghívhatjuk az adott függvényt.

Az alap szintaxis függvény létrehozása a JavaScript-ben a következő:

function functionName (Parameter1, Parameter2, ..) {// Funkciótest}

A JavaScript különféle beépített vagy előre definiált függvények . De lehetővé teszi számunkra a felhasználó által definiált függvények létrehozását is. Lépjünk hátra, és nézzünk meg néhány általánosan használt előre definiált funkciót.

Előre definiált funkciók

A JavaScript több felső szintű beépített funkcióval rendelkezik. Vessünk egy pillantást a nyelvbe beépített néhány funkcióra.

Funkciók Leírás
Értékelés Kiértékeli a karakterláncot / számtani kifejezést és visszaad egy értéket.
ParseInt Elemez egy string argumentumot, és a megadott alap egész számát adja vissza.
ParseFloat Elemez egy string argumentumot, és lebegőpontos számot ad vissza.
Menekülni Egy argumentum hexadecimális kódolását adja eredményül.
Unescape Visszaadja az ASCII karakterláncot a megadott értékhez.

Vegyünk egy példát, és megnézzük, hogyan működnek ezek az előre definiált függvények a JavaScript-ben:

var x = 10 var y = 20 var a = eval ('x * y') // Eval var b = parseInt ('10 .00 ') // ParseInt var c = parseFloat ('10') // ParseFloat escape ('Welcome Edurekához ') // Unescape menekülése (' Welcome to Edureka ') // Unescape

A JavaScript-funkció definiálásának különböző módjai

A függvény különböző módon határozható meg. Fontos ellenőrizni, hogy a függvény hogyan lép kölcsönhatásba a külső komponensekkel és az invokáció típusával. A különböző módok a következők:

Funkciónyilatkozat

A függvény deklaráció a függvény kulcsszó , egy kötelező függvény neve, a paraméterek egy zárójelben és egy göndör zárójelben, amely körülhatárolja a testkódot.

Meghatározása:

// függvénydeklaráció függvény isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false

Funkció isEven (szám) egy függvénydeklaráció, amellyel megállapíthatjuk, hogy egy szám páros-e.

Funkció kifejezés

A függvény kifejezést a függvény kulcsszó , amelyet egy opcionális függvénynév követ, a paraméterek listája egy zárójelben és egy göndör zárójel, amely körülhatárolja a törzskódot.

Meghatározása:

const count = function (tömb) {// Funkciókifejezés return array.length} const metódusok = {számok: [2, 5, 8], összeg: function () {// A függvénykifejezés visszaadja ezt: acc, num) {// func. kifejezés visszatér acc + num})}} count ([1, 7, 2]) // => 3 módszer.sum () // => 15

A függvénykifejezés létrehoz egy függvényobjektumot, amely különféle helyzetekben használható, például:

  • Hozzárendelhető a változó mint egy tárgy: count = függvény (…) {…}
  • Hozzon létre egy módszer egy objektum összegén: function () {…}
  • Használja a funkció Van egy visszahív: .reduce (függvény (…) {…})

Gyorsírásos módszer meghatározása

Rövidített metódusdefiníciót használunk egy metódusdeklaráción tárgy literálok és ES6 osztályok. Megadhatja őket az a használatával függvény neve , amelyet a paraméterek egy zárójelben és egy göndör zárójelben, amely körülhatárolja a test állításait.

A következő példa a gyorsírás módszer definícióját használja egy objektum literálban:

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

A gyorsírás-megközelítésnek több is van előnyöket mint a hagyományos vagyonmeghatározás, mint például:

  • Van egy rövidebb szintaxis ami megkönnyíti az olvasást és az írást.
  • Ez megnevezett függvényeket hoz létre, ellentétben egy funkciókifejezéssel. Hasznos hibakeresés.

Nyíl funkció

A nyílfüggvényt egy, a paraméterek felsorolását tartalmazó zárójelpár segítségével definiáljuk, majd a kövér nyíl (=>) és egy pár göndör zárójel, amely körülhatárolja a test utasításait.

A következő példa a nyíl funkció alapvető használatát mutatja be:

const absValue = (szám) => {if (21. szám absValue (7) // => 7

Itt, absValue egy nyílfüggvény, amely kiszámítja a szám abszolút értékét.

Generátor funkció

A JavaScript generátorfüggvénye a-t ad vissza Generátor tárgy. A szintaxis hasonló a függvény kifejezéshez, a függvény deklarációhoz vagy a módszer deklarációhoz. De ehhez szükség van a csillag karakter (*) .

A generátor funkció a következő formákban deklarálható:

  • Funkció deklarációs űrlap funkció * ():
function * indexGenerator () {var index = 0 while (true) {hozam index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .érték) // => 1
  • Funkció kifejezés form függvény * ():
const indexGenerator = function * () {let index = 0 while (true) {hozam index ++}} const g = indexGenerator () console.log (g.next (). érték) // => 0 console.log (g. következő (). érték) // => 1
  • Gyorsírásos módszer űrlap * ():
const obj = {* indexGenerator () {var index = 0 while (true) {hozam index ++}}} const g = obj.indexGenerator () konzol.log (g.next (). érték) // => 0 konzol. log (g.next (). érték) // => 1

A generátor függvény visszaadja a tárgy g mindhárom esetben. Ezután növekményes számok sorozatának generálására szolgál.

Funkció Konstruktor

Ha a függvényt konstruktorként hívják meg, a új funkció létrehozva. A konstruktornak továbbított argumentumok az új függvény paraméternevévé válnak. Itt az utolsó argumentumot használjuk funkciótest kód.

Például:

függvény sum1 (a, b) {return a + b} const összeg2 = függvény (a, b) {return a + b} const összeg3 = (a, b) => a + b konzol.log (sum1 típus === 'function') // => true console.log (type2 summa === 'function') // => true console.log (type3 összeg3 === 'function') // => true

Ezek voltak a különböző módszerek a függvények definiálására a JavaScript-ben. Ezzel a cikkünk végére értünk. Remélem, megértette, hogy melyek a JavaScript függvények, és a különböző módszerek azok meghatározására.

Most, hogy ismeri a JavaScript funkciót, nézze meg a írta Edureka. A webfejlesztési tanúsítási képzés segít megtanulni, hogyan hozhat létre lenyűgöző weboldalakat HTML5, CSS3, Twitter Bootstrap 3, jQuery és Google API-k segítségével, és telepítheti az Amazon Simple Storage Service (S3) szolgáltatásba.

Van egy kérdésünk? Kérjük, említse meg a „JavaScript funkció” megjegyzés rovatban, és mi kapcsolatba lépünk Önnel.