Expression de fonction
Fait partie de la section Fondamentaux du Journey JavaScript de Coddy — leçon 49 sur 77.
En JavaScript, une expression de fonction est une manière de définir une fonction en tant que partie d'une expression. Contrairement aux déclarations de fonction, les expressions de fonction ne sont pas soumises au hoisting (hissage), ce qui signifie qu'elles ne peuvent pas être appelées avant d'être définies dans le code.
Voici la syntaxe de base d'une expression de fonction :
let functionName = function(parameters) {
// Code à exécuter
// ...
return value; // Instruction de retour facultative
};Le mot-clé function est suivi d'un nom optionnel pour la fonction. Si un nom est fourni, cela devient une expression de fonction nommée ; sinon, il s'agit d'une expression de fonction anonyme. Les paramètres sont spécifiés entre parenthèses, et le corps de la fonction est entouré d'accolades.
Voici un exemple d'expression de fonction nommée :
let add = function sum(a, b) {
return a + b;
};
console.log(add(3, 5)); // Sortie : 8Dans cet exemple, add est la variable qui contient la fonction, et sum est le nom optionnel de la fonction. Même si la fonction a un nom, vous ne pouvez pas appeler sum directement ; vous devez utiliser la variable add.
Voici un exemple d'expression de fonction anonyme :
let multiply = function(a, b) {
return a * b;
};
console.log(multiply(4, 2)); // Résultat : 8Dans ce cas, la fonction n'a pas de nom et elle est directement assignée à la variable multiply.
Les expressions de fonction sont souvent utilisées lorsque vous voulez passer une fonction en tant qu'argument à une autre fonction, ou lorsque vous voulez créer une fonction à la volée.
Défi
FacileCréez une expression de fonction nommée calculateArea qui prend deux arguments, width et height, et retourne l'aire d'un rectangle. La fonction doit être assignée à une variable nommée calculateArea.
Par exemple :
console.log(calculateArea(5, 10)); // Résultat : 50
console.log(calculateArea(3, 7)); // Résultat : 21Aide-mémoire
Les expressions de fonction définissent des fonctions en tant que partie d'une expression et ne sont pas hissées (ne peuvent pas être appelées avant leur définition).
Syntaxe de base :
let functionName = function(parameters) {
// Code à exécuter
return value; // Optionnel
};Expression de fonction nommée :
let add = function sum(a, b) {
return a + b;
};
console.log(add(3, 5)); // Résultat : 8Expression de fonction anonyme :
let multiply = function(a, b) {
return a * b;
};
console.log(multiply(4, 2)); // Résultat : 8Les expressions de fonction sont utiles pour passer des fonctions en tant qu'arguments ou pour créer des fonctions de manière dynamique.
Essayez vous-même
// Tapez votre code ci-dessous
// Ne modifiez pas les lignes ci-dessous
console.log(calculateArea(5, 10));
console.log(calculateArea(3, 7));Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Fondamentaux
4Opérateurs Partie 2
Opérateurs logiques Partie 1Opérateurs logiques Partie 2Récapitulatif - Logique simpleOpérateurs logiques Partie 3Coercion de type7Calculateur de partage d'addition
Message de bienvenueCalcul du pourboire et du total10FizzBuzz avec une variante
Présentation du jeuLa fonction FizzBuzz13Suivi de liste de courses
Présentation du projetAjouter un article2Variables
NombresChaînes de caractèresBooléensConventions de nommageVariables videsRécapitulatif - Initialiser des variablesConstantes5Prise de décision
L'instruction IfIf - ElseRécapitulatif - Calculatrice simpleIf - Else imbriquésL'instruction Switch8Boucles
Boucle ForBoucle WhileBreakContinueRécapitulatif - FactorielleBoucle Do WhileBoucles imbriquées3Opérateurs - Partie 1
Opérateurs arithmétiquesOpérateur moduloRaccourcis arithmétiquesOpérateurs de comparaisonÉgalité stricte vs faibleRécapitulatif - Mathématiques simples6Entrées/Sorties de base
SortieSortie avec des variablesConversion de type - Partie 1Conversion de type - Partie 2Récapitulatif - Jusqu'à 120Récapitulatif - Vrai ou Faux