funkce

poměrně často musíme provést podobnou akci na mnoha místech skriptu.

například musíme ukázat pěkně vypadající zprávu, když se návštěvník přihlásí, odhlásí se a možná někde jinde.funkce

jsou hlavními „stavebními kameny“ programu. Umožňují, aby byl kód volán mnohokrát bez opakování.

již Jsme viděli příklady vestavěných funkcí, jako je alert(message) prompt(message, default) confirm(question). Ale můžeme vytvářet i vlastní funkce.,

deklarace funkce

pro vytvoření funkce můžeme použít deklaraci funkce.

vypadá To jako toto:

function showMessage() { alert( 'Hello everyone!' );}

function klíčové slovo je první, pak jde o jméno funkce, seznam parametrů mezi závorky (oddělených čárkou, prázdné v příkladu výše) a konečně kód funkce, také jmenoval „funkce těla“, mezi složené závorky.,

function name(parameters) { ...body...}

Naše nové funkce mohou být volány jeho jméno: showMessage().

například:

function showMessage() { alert( 'Hello everyone!' );}showMessage();showMessage();

volat showMessage() spustí kód funkce. Zde uvidíme zprávu dvakrát.

tento příklad jasně ukazuje jeden z hlavních účelů funkcí: vyhnout se duplikaci kódu.,

Pokud někdy potřebujeme změnit zprávu nebo způsob, jakým je zobrazena, stačí upravit kód na jednom místě: funkci, která jej vysílá.

lokální proměnné

proměnná deklarovaná uvnitř funkce je viditelná pouze uvnitř této funkce.

například:

Vnější proměnné

funkce mohou přístup k vnější proměnné, například:

let userName = 'John';function showMessage() { let message = 'Hello, ' + userName; alert(message);}showMessage(); // Hello, John

funkce má plný přístup do vnější proměnné. Může to také upravit.,

například:

vnější proměnná se používá pouze v případě, že není lokální.

Pokud je uvnitř funkce deklarována stejná proměnná, pak stínuje vnější proměnnou. Například v kódu pod funkcí používá místní userName. Ten vnější je ignorovat:

parametry

můžeme předat libovolná data funkcím pomocí parametrů (také nazývaných Funkční argumenty) .

v níže uvedeném příkladu má funkce dva parametry: froma text.,

Když funkce je volána v řádcích (*) (**), dané hodnoty jsou kopírovány do lokální proměnné from text. Pak je funkce používá.

zde je další příklad: máme proměnnou from a předáme ji funkci., Vezměte prosím na vědomí: tato funkce se mění v from, ale změna není vidět ven, protože funkce vždy dostane kopii hodnoty:

Výchozí hodnoty

Pokud parametr není k dispozici, pak se jeho hodnota se stává undefined.

například, výše uvedené funkce showMessage(from, text) může být volána s jedním argumentem:

showMessage("Ann");

to není chyba. Takový hovor by výstup "*Ann*: undefined"., Neexistuje text, takže se předpokládá, že text === undefined.,

chceme-Li použít „výchozí“ text v tomto případě, pak se můžeme zadat po =:

function showMessage(from, text = "no text given") { alert( from + ": " + text );}showMessage("Ann"); // Ann: no text given

pokud text parametr není předán, to bude mít hodnotu "no text given"

Zde "no text given" je řetězec, ale může být složitější výraz, který je pouze vyhodnocovány a přiřazeny pokud parametr chybí., To je také možné:

Alternativní výchozí parametry

Někdy to dává smysl, aby nastavit výchozí hodnoty pro parametry nejsou v deklaraci funkce, ale v pozdější fázi, během jejího plnění.,parametr, můžeme porovnat s undefined:

function showMessage(text) { if (text === undefined) { text = 'empty message'; } alert(text);}showMessage(); // empty message

Nebo můžeme použít || provozovatel:

// if text parameter is omitted or "" is passed, set it to 'empty'function showMessage(text) { text = text || 'empty'; ...}

Moderní Javascriptové enginy podporují nullish coalescing operator ??, to je lepší, když falsy hodnoty, jako např. 0, jsou považovány za normální:

Vrací hodnotu

funkce může vrátit hodnotu zpět do volající kód jako výsledek.,

nejjednodušší příklad by funkce, která shrnuje dvě hodnoty:

function sum(a, b) { return a + b;}let result = sum(1, 2);alert( result ); // 3

směrnice return může být v jakémkoli místě z funkce. Při výkonu dosáhne, funkce se zastaví a hodnota je vrácena volající kód (přidělený result výše).

v jedné funkci může být mnoho výskytů return. Například:

je možné použít return bez hodnoty., That causes the function to exit immediately.

For example:

function showMovie(age) { if ( !checkAge(age) ) { return; } alert( "Showing you the movie" ); // (*) // ...}

In the code above, if checkAge(age) returns false, then showMovie won’t proceed to the alert.,

return (some + long + expression + or + whatever * f(a) + f(b))

return; (some + long + expression + or + whatever * f(a) + f(b))

return ( some + long + expression + or + whatever * f(a) + f(b) )

pojmenování funkce

funkce jsou akce. Takže jejich jméno je obvykle sloveso. Mělo by být stručné, co nejpřesnější a popsat, co funkce dělá, aby někdo, kdo čte kód, dostal informaci o tom, co funkce dělá.,

je rozšířenou praxí spustit funkci s verbální předponou, která neurčitě popisuje akci. V týmu musí být dohoda o významu předpon.

například funkce, které začínají "show" obvykle něco ukazují.

Funkce začíná

Příklady takových jmen:

S prefixy v místě, pohled na název funkce dává pochopení toho, co druh práce, kterou dělá a jaké hodnoty vrací.,

function showPrimes(n) { nextPrime: for (let i = 2; i < n; i++) { for (let j = 2; j < i; j++) { if (i % j == 0) continue nextPrime; } alert( i ); // a prime }}

function name(parameters, delimited, by, comma) { /* code */}