Maîtriser les expressions de fonction en JavaScript

Les expressions de fonction sont un moyen de définir des fonctions en JavaScript. Contrairement aux déclarations de fonction, les expressions de fonction peuvent être anonymes et sont souvent utilisées dans des situations où les fonctions sont traitées comme des valeurs. Dans ce blog, nous explorerons les expressions de fonction, la manière dont les fonctions peuvent être traitées comme des valeurs, les fonctions de rappel et les différences entre les expressions de fonction et les déclarations de fonction. Allons-y !

Expressions de fonctions

Une expression de fonction définit une fonction dans le cadre d'une expression plus large. Les expressions de fonction peuvent être anonymes (sans nom) ou nommées.

Syntaxe :

let functionName = function(parameters) {
  // code to execute
};

Exemple :

let greet = function(name) {
  console.log("Hello, " + name + "!");
};

greet("Alice"); // Output: Hello, Alice!

La fonction est une valeur

En JavaScript, les fonctions sont des citoyens de première classe, ce qui signifie qu'elles peuvent être affectées à des variables, transmises comme arguments à d'autres fonctions et renvoyées sous forme de valeurs provenant d'autres fonctions.

Exemple :

let add = function(a, b) {
  return a + b;
};

let result = add(3, 4);
console.log(result); // Output: 7

Fonctions de rappel

Une fonction de rappel est une fonction passée en argument à une autre fonction et exécutée ultérieurement. Les fonctions de rappel sont couramment utilisées dans la programmation asynchrone et la gestion des événements.

Exemple :

function processArray(arr, callback) {
  for (let i = 0; i < arr.length; i++) {
    callback(arr[i]);
  }
}

let numbers = [1, 2, 3, 4, 5];

processArray(numbers, function(number) {
  console.log(number * 2);
});
// Output: 2 4 6 8 10

Explication :

• La fonction processArray prend un tableau et une fonction de rappel comme arguments.
• La fonction de rappel est appelée pour chaque élément du tableau.
• Dans cet exemple, la fonction de rappel double chaque nombre et enregistre le résultat.

Expression de fonction vs déclaration de fonction

Déclaration de fonction :

• Défini à l'aide du mot-clé fonction suivi du nom de la fonction.
• Hissés au sommet de leur portée, ce qui signifie qu'ils peuvent être appelés avant d'être déclarés.

Syntaxe :

function functionName(parameters) {
  // code to execute
}

Exemple :

function greet(name) {
  console.log("Hello, " + name + "!");
}

greet("Alice"); // Output: Hello, Alice!

Expression de fonction :

• Défini dans le cadre d'une expression plus large.
• Non levés, ce qui signifie qu'ils ne peuvent être appelés qu'après avoir été définis.

Syntaxe :

let functionName = function(parameters) {
  // code to execute
};

Exemple :

let greet = function(name) {
  console.log("Hello, " + name + "!");
};

greet("Alice"); // Output: Hello, Alice!

Résumé

• Expressions de fonctions : définissez des fonctions dans le cadre d'une expression plus large.
• La fonction est une valeur : les fonctions peuvent être attribuées à des variables, passées en arguments et renvoyées sous forme de valeurs.
• Fonctions de rappel : fonctions passées en arguments à d'autres fonctions et exécutées ultérieurement.
• Expression de fonction vs déclaration de fonction :
  • Déclaration de fonction : hissée au sommet de leur portée contenant.
  • Expression de fonction : Non levée, ne peut être appelée qu'après avoir été définie.

Conclusion

Les expressions de fonction sont un moyen polyvalent de définir des fonctions en JavaScript, en particulier lorsque vous devez traiter des fonctions comme des valeurs. En comprenant les expressions de fonction, les fonctions de rappel et les différences entre les expressions de fonction et les déclarations de fonction, vous serez en mesure d'écrire du code plus flexible et plus dynamique. Continuez à pratiquer et à explorer pour approfondir votre compréhension des expressions de fonction en JavaScript.

Restez à l'écoute pour des blogs plus approfondis sur JavaScript ! Bon codage !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!