JavaScript funkció- és funkciókifejezések (példákkal)

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 functionkulcsszó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 addvagy a függvényt addNumbers.
  • 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();
Funkció működése a JavaScript-ben

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.

A JavaScript függvény működése paraméterrel

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 greetfüggvényt nameparamé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 addfüggvény két szám összegének megkeresésére szolgál.

  • A függvényt két paraméterrel aés b.
  • 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 returnutasítás segítségével visszaadhatja az értéket egy függvényhívásnak.

Az returnutasítás azt jelzi, hogy a függvény lejárt. Bármelyik kód után returnnincs végrehajtva.

Ha nem adunk vissza semmit, a függvény visszaad egy undefinedértéket.

A JavaScript Function működése return utasítással

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 returnutasí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.

érdekes cikkek...