1. Les variables modernes : let et const

Depuis la standardisation ECMAScript 2015 (ES6), l’ancienne déclaration var (soumise au hoisting et à une portée de fonction ambiguë) est définitivement obsolète. Nous utilisons aujourd’hui :

  • const : variable immuable par réassignation (choix à privilégier par défaut).
  • let : variable réassignable confinée strictement au bloc courant { ... }.

2. Fonctions fléchées (Arrow Functions) et déstructuration

Les fonctions fléchées offrent une syntaxe expressive et conservent le contexte lexical de this. La déstructuration permet quant à elle d’extraire élégamment les propriétés d’objets ou de tableaux :

// Modélisation d'une formation
const formation = {
    titre: "Développement Web",
    dureeHeures: 45,
    campus: ["Genève", "Lausanne"],
    formateur: { nom: "Alexandre Dupont", certification: "Lead Frontend" }
};

// Déstructuration avancée avec valeurs par défaut
const { titre, dureeHeures, formateur: { nom } } = formation;
console.log(`Cursus ${titre} dirigé par ${nom} (${dureeHeures}h).`);

// Fonction fléchée avec calcul direct
const convertirEnJours = heures => (heures / 7).toFixed(1);
console.log(`Équivalent temps plein : ${convertirEnJours(dureeHeures)} jours.`);

3. Modules ES : import et export natifs

L’organisation du code moderne repose sur des fichiers modulaires isolés. Utilisez export const maFonction = ... pour exposer une logique et import { maFonction } from './monModule.js' pour la réutiliser dans votre application.

Synthèse pédagogique : Adoptez systématiquement const par défaut et ne recourez à let que lorsqu’une réassignation de valeur est strictement indispensable.

PreviousNext