Menu
Coddy logo textTech

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 : 8

Dans 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 : 8

Dans 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.

challenge icon

Défi

Facile

Cré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 : 21

Aide-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 : 8

Expression de fonction anonyme :

let multiply = function(a, b) {
	return a * b;
};

console.log(multiply(4, 2)); // Résultat : 8

Les 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));
quiz iconTestez-vous

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