Expressions idiomatiques et syntaxes raccourcies en JavaScript moderne remplaçant le code verbeux habituel.
Syntaxes raccourcies essentielles
Coalescence des nuls (??) & valeurs par défaut
// ?? vérifie strictement null ou undefined (préserve 0 et false)
const port = process.env.PORT ?? 3000;
// || bascule sur la valeur de repli pour toute valeur falsy (0, "", false, NaN)
const title = customTitle || 'Untitled';
Chaînage optionnel (?.)
// Naviguer en toute sécurité dans des objets imbriqués sans TypeError
const street = user?.address?.street;
const firstTag = user?.tags?.[0];
const result = user?.getProfile?.();
Exécution par court-circuit (&&)
// Exécute la fonction uniquement si la condition est vérifiée
isLoggedIn && showDashboard();
Raccourcis de propriétés & méthodes d objets
const name = 'Alice';
const age = 30;
// Raccourci de littéral d objet
const user = {
name,
age,
greet() {
return `Hello ${this.name}`;
}
};
Déstructuration de tableaux & d objets
const { name, age, role = 'member' } = user;
const [first, second, ...rest] = [1, 2, 3, 4, 5];