Wednesday, March 27, 2024
Les fonctions fléchées en JavaScript
Les fonctions fléchées, introduites avec ECMAScript 6 (ES6), ont apporté une nouvelle syntaxe plus concise pour écrire des fonctions en JavaScript. Elles sont particulièrement appréciées pour leur simplicité et leur capacité à conserver le contexte lexical du mot-clé this. Dans cet article, nous allons explorer les fonctions fléchées en détail, avec des exemples de code pour illustrer leur utilisation.
Syntaxe des fonctions fléchées
La syntaxe de base d'une fonction fléchée est beaucoup plus concise que celle des fonctions traditionnelles. Voici un exemple simple :
// Fonction traditionnelle
function addition(a, b) {
return a + b;
}
// Fonction fléchée équivalente
const addition = (a, b) => a + b;
Caractéristiques des fonctions fléchées
1. Syntaxe Concise
Les fonctions fléchées permettent d'écrire des fonctions de manière plus compacte.
Si la fonction a un seul argument, les parenthèses peuvent être omises.
Si le corps de la fonction se compose d'une seule expression, les accolades
{} et le mot-clé return peuvent également être omis.// Fonction traditionnelle
function addition(a, b) {
return a + b;
}
// Fonction fléchée équivalente
const addition = (a, b) => a + b;
2. Contexte Lexical de this
Les fonctions fléchées n'ont pas leur propre this; elles héritent this du contexte dans lequel elles ont été définies.