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.