Menu
Coddy logo textTech

Fonction fléchée

Leçon 10 sur 14 du cours Déclarations de fonctions en JavaScript de Coddy.

Les fonctions fléchées, également connues sous le nom de fonctions lambda, sont une manière concise d'écrire des fonctions JavaScript introduites dans l'ES6. Elles offrent une syntaxe plus courte par rapport aux déclarations de fonctions traditionnelles, rendant votre code plus lisible dans certaines situations, c'est pourquoi les programmeurs JavaScript modernes les préfèrent souvent.

Imaginez que vous ayez de petites tâches bien définies dans votre code. Les fonctions fléchées vous permettent d'exprimer ces tâches de manière plus compacte et simplifiée. Elles sont particulièrement utiles pour les fonctions de rappel (callback) et les situations où une fonction anonyme courte est nécessaire.

// Fonction fléchée avec retour implicite (une seule ligne)
const greet = (name) => `Hello, ${name}!`;
const message = greet("Bob");
console.log(message); // Sortie : Hello, Bob!

// Fonction fléchée avec retour explicite (plusieurs lignes)
const multiply = (num1, num2) => {
  	const product = num1 * num2;
  	return product;
};
const result = multiply(5, 3);
console.log(result); // Sortie : 15
  • Nous définissons une fonction fléchée nommée greet qui prend un argument, name.

    Le symbole => sépare les paramètres du corps de la fonction.

    Comme le corps de la fonction est une expression d'une seule ligne, l'instruction return est implicite.

  • Nous définissons une fonction fléchée nommée multiply qui prend deux arguments, num1 et num2.

    Le corps de la fonction utilise des accolades {} pour plusieurs lignes de code.

    À l'intérieur de la fonction, le produit est calculé et stocké dans la variable product.

    Une instruction return explicite est utilisée pour renvoyer le product calculé.

challenge icon

Défi

Moyen

Votre tâche consiste à écrire un programme JavaScript qui trouve le plus grand nombre dans un tableau numbers donné en utilisant une fonction fléchée findLargest.

Essayez vous-même

// Écrivez le code ici

Toutes les leçons de Déclarations de fonctions en JavaScript