Funkce JavaScript a výrazy funkcí (s příklady)

V tomto kurzu se na příkladech dozvíte o funkcích JavaScriptu a jejich výrazech.

Funkce JavaScript

Funkce je blok kódu, který provádí konkrétní úkol.

Předpokládejme, že musíte vytvořit program, který vytvoří kruh a vybarví jej. K vyřešení tohoto problému můžete vytvořit dvě funkce:

  • funkce k nakreslení kruhu
  • funkce pro vybarvení kruhu

Rozdělení složitého problému na menší bloky umožní, aby byl váš program snadno srozumitelný a znovu použitelný.

JavaScript má také obrovské množství vestavěných funkcí. Například Math.sqrt()je funkce pro výpočet druhé odmocniny čísla.

V tomto kurzu se dozvíte o uživatelsky definovaných funkcích.

Deklarace funkce

Syntaxe pro deklaraci funkce je:

 function nameOfFunction () ( // function body )
  • Funkce je deklarována pomocí functionklíčového slova.
  • Základní pravidla pojmenování funkce jsou podobná pojmenování proměnné. Je lepší napsat popisný název vaší funkce. Pokud se například používá funkce k přidání dvou čísel, můžete funkci pojmenovat addnebo addNumbers.
  • Tělo funkce je napsáno uvnitř ().

Například,

 // declaring a function named greet() function greet() ( console.log("Hello there"); )

Volání funkce

Ve výše uvedeném programu jsme deklarovali funkci s názvem greet(). Abychom tuto funkci mohli použít, musíme ji zavolat.

Zde můžete volat výše uvedenou greet()funkci.

 // function call greet();
Práce s funkcí v JavaScriptu

Příklad 1: Zobrazení textu

 // program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();

Výstup

 Ahoj!

Funkční parametry

Funkci lze také deklarovat pomocí parametrů. Parametr je hodnota, která je předána při deklaraci funkce.

Práce s funkcí JavaScript s parametrem

Příklad 2: Funkce s parametry

 // 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);

Výstup

 Zadejte jméno: Simon Dobrý den, Simon :)

Ve výše uvedeném programu je greetfunkce deklarována nameparametrem. Uživatel je vyzván k zadání jména. Poté, když je funkce volána, je do funkce předán argument.

Poznámka : Když je při deklarování funkce předána hodnota, nazývá se to parametr . A když je funkce volána, předaná hodnota se nazývá argument .

Příklad 3: Přidejte dvě čísla

 // 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);

Výstup

 7 11

Ve výše uvedeném programu se addfunkce používá k nalezení součtu dvou čísel.

  • Funkce je deklarována se dvěma parametry aa b.
  • Funkce se volá pomocí jejího názvu a předáním dvou argumentů 3 a 4 v jednom a 2 a 9 v jiném.

Všimněte si, že můžete volat funkci tolikrát, kolikrát chcete. Můžete napsat jednu funkci a poté ji volat vícekrát s různými argumenty.

Funkce Návrat

Příkaz returnlze použít k vrácení hodnoty volání funkce.

Příkaz returnoznačuje, že funkce skončila. Žádný kód po returnse neprovede.

Pokud se nic nevrátí, funkce vrátí undefinedhodnotu.

Práce s funkcí JavaScript s návratovým příkazem

Příklad 4: Součet dvou čísel

 // 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);

Výstup

 Zadejte první číslo: 3,4 Zadejte druhé číslo: 4 Součet je 7,4

Ve výše uvedeném programu je součet čísel vrácen funkcí pomocí returnpříkazu. A tato hodnota je uložena ve výsledné proměnné.

Výhody používání funkce

  • Funkce umožňuje opětovné použití kódu. Můžete jej deklarovat jednou a použít několikrát.
  • Funkce usnadňuje program, protože každý malý úkol je rozdělen na funkci.
  • Funkce zvyšuje čitelnost.

Výrazy funkcí

V Javascriptu lze funkce definovat také jako výrazy. Například,

 // 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);

Výstup

 16 9

Ve výše uvedeném programu se proměnná x používá k uložení funkce. Zde je funkce považována za výraz. A funkce se volá pomocí názvu proměnné.

Výše uvedené funkci se říká anonymní funkce.

Poznámka: V ES2015 jsou výrazy JavaScriptu psány jako funkce šipek. Dozvíte se o nich v pozdějších cvičeních.

Zajímavé články...