Anonyma JavaScript-funktioner

Sammanfattning: I den här handledningen lär du dig om anonyma JavaScript-funktioner.

Introduktion till anonyma JavaScript-funktioner

En anonym funktion är en funktion utan namn. En anonym funktion är ofta inte tillgänglig efter dess första skapelse.

Nedan visas en anonym funktion som visar ett meddelande:

Code language: JavaScript (javascript)

I det här exemplet har den anonyma funktionen inget namn mellan nyckelordet function och parentesen ().

Då vi behöver kalla den anonyma funktionen senare, tilldelar vi funktionen till variabeln show.

Använda anonyma funktioner som argument till andra funktioner

Vi använder ofta anonyma funktioner som argument till andra funktioner. Till exempel:

Code language: JavaScript (javascript)

I det här exemplet skickar vi en anonym funktion till funktionen setTimeout(). Funktionen setTimeout() utför den anonyma funktionen en sekund senare.

Notera att funktioner är första klassens medborgare i JavaScript, så du kan skicka en funktion till en annan som ett argument.

Omedelbart åberopad funktionsutförande

Om du vill skapa en funktion och utföra den omedelbart efter deklarationen kan du använda den anonyma funktionen på det här sättet:

Code language: JavaScript (javascript)

Så här fungerar det.

För det första definierar följande ett funktionsuttryck:

Code language: JavaScript (javascript)

För det andra gör de avslutande parenteserna () det möjligt att anropa funktionen:

Code language: JavaScript (javascript)

och ibland kan du vilja skicka in argument i den, så här:

Code language: JavaScript (javascript)

Pilfunktioner

ES6 introducerade pilfunktionsuttrycket arrow function expression som ger en förkortning för att deklarera anonyma funktioner:

Den här funktionen:

Code language: JavaScript (javascript)

… kan till exempel förkortas med följande pilfunktion:

Code language: JavaScript (javascript)

Samma sak gäller följande anonyma funktion:

Code language: JavaScript (javascript)

… är likvärdig med följande pilfunktion:

Code language: JavaScript (javascript)

Sammanfattning

• Anonyma funktioner är funktioner utan namn.
• Anonyma funktioner kan användas som argument till andra funktioner eller som en omedelbart anropad funktionsutförande.