DébutantNon commencé
Exercice 4.4 · 7 min · 0 tentative
Arrow function
🎯 Objectif
Utiliser la syntaxe moderne des fonctions fléchées (ES6).
📖 Contexte
Les arrow functions offrent une syntaxe plus concise :
// Fonction classique
function addition(a, b) {
return a + b
}
// Arrow function
const addition = (a, b) => a + b
Règles de conversion
| Classique | Arrow |
|---|---|
function | supprimé |
après () | ajouter => |
{ return x } | juste x |
Exemples
// Un paramètre
const double = (n) => n * 2
// Plusieurs paramètres
const somme = (a, b) => a + b
// Corps sur plusieurs lignes
const saluer = (nom) => {
const message = "Bonjour " + nom
return message
}
Quand utiliser quelle syntaxe ?
| Situation | Syntaxe recommandée |
|---|---|
| Fonction courte (1 ligne) | Arrow => |
| Fonction longue | function classique |
| Callback (forEach, map, filter) | Arrow => |
Les deux syntaxes fonctionnent ! Choisis celle qui te semble la plus lisible.
📝 Consigne
Transforme la fonction carre en arrow function et stocke-la dans carreArrow.
Résultat attendu :
16
16
Les deux syntaxes produisent le même résultat !
Objectifs
- Utiliser la syntaxe arrow
- Stocker dans carreArrow
- Deux fois 16
Lis bien les instructions et lance-toi !
Indices (0/4)
Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé
Indice 4 verrouillé