Node.js - 2.3 Les différentes syntaxes des fonctions en JavaScript

Une fonction regroupe un bloc de code qu'on peut exécuter quand on le souhaite. En JavaScript, il existe plusieurs syntaxes pour la déclarer. Cette leçon présente les trois plus courantes et montre qu'elles s'exécutent de la même manière.

La syntaxe classique avec le mot-clé function

La première syntaxe commence par le mot-clé function, suivi du nom de la fonction. Les paramètres sont placés entre parenthèses, puis le contenu de la fonction est écrit entre accolades.

Une fois déclarée, la fonction s'appelle par son nom, suivi de parenthèses. Son code s'exécute alors à chaque appel.

function nomDeLaFonction(parametres) {
  // contenu de la fonction
}

La fonction anonyme stockée dans une constante

La deuxième syntaxe déclare la fonction dans une constante. La fonction n'a pas de nom propre : on parle de fonction anonyme. Elle est ensuite appelée par le nom de la constante.

Le résultat est le même que celui de la syntaxe classique, comme le montre la vidéo.

const nomDeLaFonction = function(parametres) {
  // contenu de la fonction
};

La fonction fléchée

La troisième syntaxe, appelée fonction fléchée, est plus courte. Elle n'utilise pas le mot-clé function : on écrit les paramètres, puis une flèche formée d'un signe égal et d'un chevron.

Elle produit le même résultat que les deux précédentes à l'exécution.

const nomDeLaFonction = (parametres) => {
  // contenu de la fonction
};

En résumé

JavaScript propose plusieurs façons de déclarer une fonction. La syntaxe avec function est la plus classique. La fonction anonyme et la fonction fléchée sont stockées dans une constante. Toutes produisent le même résultat lorsqu'elles sont appelées. La leçon suivante aborde les tableaux.

Points clés

• Une fonction regroupe du code réutilisable sous un nom.
• La syntaxe classique commence par le mot-clé function.
• Une fonction anonyme est stockée dans une constante.
• La fonction fléchée utilise une flèche et évite le mot-clé function.
• Les trois syntaxes donnent le même résultat à l'exécution.

Questions fréquentes

Quelle syntaxe faut-il choisir ?

La vidéo présente les trois sans en imposer une. La fonction fléchée est la plus courte des trois.

Qu'est-ce qu'une fonction anonyme ?

C'est une fonction sans nom propre. Dans la vidéo, elle est stockée dans une constante qui sert à l'appeler.

Comment appeler une fonction ?

On écrit son nom suivi de parenthèses, par exemple nomDeLaFonction(). Pour une fonction stockée dans une constante, on utilise le nom de la constante.