Ebben az oktatóanyagban példák segítségével megismerheti a JavaScript függvényeket és függvénykifejezéseket.
JavaScript funkció
A függvény egy kódblokk, amely egy adott feladatot hajt végre.
Tegyük fel, hogy létre kell hoznia egy programot egy kör létrehozásához és színezéséhez. Két funkciót hozhat létre a probléma megoldására:
- függvény a kör megrajzolásához
- a kör színezésére szolgáló funkció
Ha egy összetett problémát kisebb darabokra osztunk, a programunk könnyen érthetővé és újrafelhasználhatóvá válik.
A JavaScript szintén rengeteg beépített funkcióval rendelkezik. Például Math.sqrt()
egy függvény egy szám négyzetgyökének kiszámításához.
Ebben az oktatóanyagban megismerheti a felhasználó által definiált függvényeket.
Funkció deklarálása
A függvény deklarálásának szintaxisa:
function nameOfFunction () ( // function body )
- A függvény deklarálása a
function
kulcsszóval történik. - A függvény elnevezésének alapvető szabályai hasonlóak egy változó elnevezéséhez. Jobb, ha leírási nevet ír a funkciójához. Például, ha egy függvényt két szám hozzáadására használnak, megnevezheti a
add
vagy a függvénytaddNumbers
. - A funkciótest belül van megírva
()
.
Például,
// declaring a function named greet() function greet() ( console.log("Hello there"); )
Funkció hívása
A fenti programban deklaráltunk egy nevű függvényt greet()
. A funkció használatához meg kell hívnunk.
Így hívhatja meg a fenti greet()
függvényt.
// function call greet();
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples.png.webp)
1. példa: Szöveg megjelenítése
// program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();
Kimenet
Szia!
Funkcióparaméterek
Funkció deklarálható paraméterekkel is. A paraméter egy olyan érték, amelyet egy függvény deklarálásakor adunk át.
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples_2.png.webp)
2. példa: Funkció a paraméterekkel
// program to print the text // declaring a function function greet(name) ( console.log("Hello " + name + ":)"); ) // variable name can be different let name = prompt("Enter a name: "); // calling function greet(name);
Kimenet
Írjon be egy nevet: Simon Hello Simon :)
A fenti programban a greet
függvényt name
paraméterrel deklaráljuk . A felhasználó kéri a név megadását. Ezután a függvény meghívásakor egy argumentum kerül átadásra a függvényben.
Megjegyzés : Ha egy értéket átadunk egy függvény deklarálásakor, akkor paraméternek hívjuk . És amikor a függvény meghívásra kerül, az átadott értéket argumentumnak nevezzük .
3. példa: Két szám hozzáadása
// program to add two numbers using a function // declaring a function function add(a, b) ( console.log(a + b); ) // calling functions add(3,4); add(2,9);
Kimenet
7 11
A fenti programban a add
függvény két szám összegének megkeresésére szolgál.
- A függvényt két paraméterrel
a
ésb
. - A függvényt a nevével hívjuk meg, és két 3. és 4. argumentumot adunk át az egyikben, a 2. és 9. argumentumot pedig egy másikban.
Figyelje meg, hogy egy funkciót annyiszor hívhat meg, ahányszor csak akarja. Írhat egy függvényt, majd többször is meghívhatja különböző argumentumokkal.
Funkció Vissza
Az return
utasítás segítségével visszaadhatja az értéket egy függvényhívásnak.
Az return
utasítás azt jelzi, hogy a függvény lejárt. Bármelyik kód után return
nincs végrehajtva.
Ha nem adunk vissza semmit, a függvény visszaad egy undefined
értéket.
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples_3.png.webp)
4. példa: Két szám összege
// program to add two numbers // declaring a function function add(a, b) ( return a + b; ) // take input from the user let number1 = parseFloat(prompt("Enter first number: ")); let number2 = parseFloat(prompt("Enter second number: ")); // calling function let result = add(number1,number2); // display the result console.log("The sum is " + result);
Kimenet
Írja be az első számot: 3.4 Írja be a második számot: 4 Az összeg 7,4
A fenti programban a számok összegét a függvény adja vissza az return
utasítás segítségével. Ezt az értéket pedig az eredményváltozó tárolja.
A funkció használatának előnyei
- A függvény a kódot újrafelhasználhatóvá teszi. Egyszer kijelentheti és többször is használhatja.
- A Funkció megkönnyíti a programot, mivel minden kis feladat egy funkcióra oszlik.
- A funkció növeli az olvashatóságot.
Funkció kifejezések
A Javascriptben a függvények kifejezésként is meghatározhatók. Például,
// program to find the square of a number // function is declared inside the variable let x = function (num) ( return num * num ); console.log(x(4)); // can be used as variable value for other variables let y = x(3); console.log(y);
Kimenet
16 9
A fenti programban az x változót használják a függvény tárolására. Itt a függvényt kifejezésként kezeljük. És a függvényt a változó nevével hívjuk meg.
A fenti függvényt névtelen függvénynek hívjuk.
Megjegyzés: Az ES2015-ben a JavaScript kifejezéseket nyílfüggvényként írják. A későbbi oktatóanyagok során megismerheti őket.