Fonctions anonymes JavaScript

Résumé : dans ce tutoriel, vous allez apprendre les fonctions anonymes JavaScript.

Introduction aux fonctions anonymes JavaScript

Une fonction anonyme est une fonction sans nom. Une fonction anonyme n’est souvent pas accessible après sa création initiale.

L’exemple suivant montre une fonction anonyme qui affiche un message :

Code language: JavaScript (javascript)

Dans cet exemple, la fonction anonyme n’a pas de nom entre le mot-clé function et les parenthèses ().

Parce que nous devons appeler la fonction anonyme plus tard, nous assignons la fonction à la variable show.

Utilisation des fonctions anonymes comme arguments d’autres fonctions

Nous utilisons souvent les fonctions anonymes comme arguments d’autres fonctions. Par exemple :

Code language: JavaScript (javascript)

Dans cet exemple, nous passons une fonction anonyme dans la fonction setTimeout(). La fonction setTimeout() exécute cette fonction anonyme une seconde plus tard.

Notez que les fonctions sont les citoyens de première classe en JavaScript, donc vous pouvez passer une fonction à une autre comme argument.

Exécution de fonction immédiatement invoquée

Si vous voulez créer une fonction et l’exécuter immédiatement après la déclaration, vous pouvez utiliser la fonction anonyme comme ceci:

Code language: JavaScript (javascript)

Comment cela fonctionne.

Premièrement, ce qui suit définit une expression de fonction:

Code language: JavaScript (javascript)

Deuxièmement, les parenthèses de queue () vous permettent d’appeler la fonction:

Code language: JavaScript (javascript)

et parfois, vous pouvez vouloir lui passer des arguments, comme ceci:

Code language: JavaScript (javascript)

Fonctions flèches

ES6 a introduit l’expression de fonction flèche qui fournit un raccourci pour déclarer des fonctions anonymes :

Par exemple, cette fonction:

Code language: JavaScript (javascript)

… peut être raccourcie en utilisant la fonction flèche suivante:

Code language: JavaScript (javascript)

De même, la fonction anonyme suivante:

Code language: JavaScript (javascript)

… est équivalente à la fonction flèche suivante:

Code language: JavaScript (javascript)

Sommaire

• Les fonctions anonymes sont des fonctions sans nom.
• Les fonctions anonymes peuvent être utilisées comme argument d’autres fonctions ou comme exécution d’une fonction immédiatement invoquée.

.