Menu
CoddyTech

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 dans le cadre d’une expression. Contrairement aux déclarations de fonction, les expressions de fonction ne sont pas remontées, 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 return facultative
};

Le mot-clé function est suivi d’un nom facultatif pour la fonction. Si un nom est fourni, il s’agit d’une expression de fonction nommée ; sinon, il s’agit d’une expression de fonction anonyme. Les paramètres sont indiqués entre parenthèses, et le corps de la fonction est placé entre accolades.

Voici un exemple d’expression de fonction nommée :

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

console.log(add(3, 5)); // Résultat : 8

Dans cet exemple, add est la variable qui contient la fonction, et sum est le nom facultatif de la fonction. Même si la fonction porte un nom, vous ne pouvez pas appeler directement sum ; 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 tu souhaites passer une fonction en argument à une autre fonction, ou lorsque tu souhaites créer une fonction à la volée.

challenge icon

Défi

Facile

Crée une expression de fonction nommée calculateArea qui prend deux arguments, width et height, et renvoie l’aire d’un rectangle. La fonction doit être affectée à une variable nommée calculateArea.

Par exemple :

console.log(calculateArea(5, 10)); // Output: 50
console.log(calculateArea(3, 7));  // Output: 21

Essayez vous-même

// Saisissez 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

Entraînez-vous par vous-même : Compilateur JavaScript en ligne