Funkciók a JavaScriptben — Ismerje meg az alapokat

A függvények a JavaScript egyik alapvető építőkövei. A függvény egy JavaScript-eljárás – utasítások halmaza, amely végrehajt egy feladatot vagy számít ki egy értéket. Egy függvény használatához meg kell határoznia azt valahol abban a hatókörben, ahonnan meg kívánja hívni.

A függvénydefiníció (egy függvénydeklaráció) a function kulcsszóból áll, amelyet a következők követnek:

  • A függvény neve.
  • A függvény paramétereinek listája vesszővel elválasztva és zárójelben.
  • A függvényt meghatározó JavaScript-utasítások zárójelek között, {...}.

Példa, a következő kód egy multiplyby2() nevű egyszerű függvényt határoz meg

A multiplyby2 függvény egy paramétert vesz fel, number. A függvény egy utasításból áll, amely azt mondja, hogy a függvény paraméterét (azaz number-t) kell visszaadni önmagával megszorozva.

Miért Funkciók?

Használhatja újra a kódot: Határozza meg a kódot egyszer, és használja többször.

Ugyanazt a kódot többször is használhatja különböző argumentumokkal, hogy különböző eredményeket kapjon.

Alapszintaxis

Egy függvény több paramétert is felvehet, vagy egyáltalán nem ad vissza paramétert, és a függvény visszaadhat egy utasítást, vagy nem ad vissza egyetlen utasítást sem, lehet érvénytelen függvény (A függvény, amikor nem ad vissza semmit).

Például

itt a showName() függvény nem vesz fel semmilyen paramétert és nem ad vissza semmilyen utasítást.

Itt a showName()függvény nem vesz fel semmilyen paramétert, és a Bharat Agarwal karakterláncot adja vissza.

itt a fullName() függvény 2 paramétert firstName és lastName vesz fel, és a Keresztnév és Vezetéknév összefűzésével a Teljes nevet adja vissza.

A paraméterek alapértelmezett értékei

Az elsőnek csak egy nem alapértelmezett értéke van.
A másodikban a és b is szerepel.
A harmadikban mindhárom argumentum szerepel

Először is, nincsenek argumentumai.
Másodszor, a b az alapértelmezett.
Harmadszor, az a lesz alapértelmezett.
Negyedszer, mindkettő átadásra kerül.

Ha bármely paraméter alapértelmezett értékét használjuk, akkor nem kötelező átadni az értékét hívás közben, ha hívás közben adunk át értéket, akkor az átadott értéket veszi fel, ellenkező esetben az alapértelmezett értéket veszi át

Funkció kifejezés

A A függvénykifejezést egy function kulcsszó, majd egy opcionális függvénynév követi, a paraméterek listája zárójelpárban (para1, ..., paramN) és egy kapcsos kapcsos zárójelpár { ... }, amely a törzskódot határolja.

A függvény egy változóhoz van hozzárendelve objektumként fullname = function(.){.}

Nyíl funkciók

A nyílfüggvényt a paraméterek listáját (param1, param2, ..., paramN) tartalmazó zárójelpár, majd egy vastag nyíl => és egy göndör kapcsos zárójelpár {...} határozza meg, amely elhatárolja a törzsutasításokat.

Az Arrow Function Expression egy rövidebb szintaxis a függvénykifejezések írásához. A nyílfüggvények nem hozzák létre értéküket.

Különböző típusú nyílfüggvények

Úgy néz ki, mint egy reguláris függvénykifejezés, de van egy (=>) nyílbillentyűje.

Ha egy paraméter, akkor a () elhagyható

Ha csak egy utasítás van, azaz return, akkor a return utasítás és a {} elhagyható

Ha a függvénynek nincs paramétere és nincs visszatérési utasítása.

A függvénynek nincs paramétere, és a „Bharat Agarwal” karakterláncot adja vissza.

Egy nyílfüggvényben átadott több paraméter addAll() az összes x, y, z összeadását adja vissza

Alapértelmezett paraméterek nyílfüggvényben. Ez mindhárom szám többszörösét adja vissza, függetlenül attól, hogy bármelyik paramétert átadtuk-e vagy sem.

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

A Rövid metódusdefiníció használható objektumliterálok és ES2015 osztályok metódus-deklarációjában. Meghatározhatja őket egy függvénynévvel, amelyet egy paraméterlista követ egy zárójelpárban (para1, ..., paramN) és egy kapcsos zárójelpár { ... }, amely elhatárolja a törzsutasításokat.

A add() és get() metódusok a collection objektumban egy rövid metódusdefinícióval vannak definiálva. Ezeket a metódusokat a szokásos módon hívják: collection.add(...) és collection.get(...)

Funkció: új funkció

A függvénykonstruktor létrehoz egy új függvényobjektumot.

new Function módot a függvények normál deklarálására nem szabad használni. Főleg azért, mert potenciális biztonsági kockázatokat nyit meg, nem teszi lehetővé a kód automatikus kiegészítését a szerkesztőkben, és elveszíti a motoroptimalizálást.

Melyik funkciótípust válasszuk? 🤔

Nincs szigorú szabály ugyanazon deklarációs típusú függvény kiválasztásához. A döntés, hogy melyik nyilatkozattípust válasszuk, a helyzettől függ.

Tetszett a cikk? Ne felejtsd el 👏.

Kérdései vagy visszajelzései vannak? Mondd el kommentben! Köszönöm, hogy elolvasta! Remélhetőleg az információ hasznos volt.