Builders Academy
JavaScript Moderne — ES6 à ES2024
1 of 3

Chapitre 1 · Leçon 1

Variables et types

const, let, var et les types primitifs

Section 1

const, let et var

Step 1

La règle d'or : const par défaut

En JS moderne, utilise const par défaut. Passe à let seulement si la valeur doit changer. N'utilise jamais var — elle a une portée de fonction, pas de bloc, ce qui cause des bugs subtils.

snippet.javascript

javascript
1// ✅ Règles modernes
2const API_URL = "https://api.wolofware.com"; // jamais réassigné
3const user = { name: "Usher" }; // l'objet peut être muté, pas la variable
4
5let compteur = 0; // sera réassigné dans une boucle
6compteur++;
7
8// ❌ Jamais var
9var probleme = "portée de fonction = bugs";
10
11// Portée de bloc avec let/const
12{
13  let block = "visible ici";
14  const aussi = "visible ici";
15}
16// block et aussi ne sont plus accessibles ici

Step 2

Les 7 types primitifs

JavaScript a 7 types primitifs. Ils sont immuables — quand tu modifies une variable primitive, tu crées une nouvelle valeur.

snippet.javascript

javascript
1// ✅ Règles modernes
2const API_URL = "https://api.wolofware.com"; // jamais réassigné
3const user = { name: "Usher" }; // l'objet peut être muté, pas la variable
4
5let compteur = 0; // sera réassigné dans une boucle
6compteur++;
7
8// ❌ Jamais var
9var probleme = "portée de fonction = bugs";
10
11// Portée de bloc avec let/const
12{
13  let block = "visible ici";
14  const aussi = "visible ici";
15}
16// block et aussi ne sont plus accessibles ici

Section 2

Objets et tableaux

Step 3

Objets littéraux

Les objets stockent des paires clé-valeur. En JS moderne, la syntaxe raccourcie et la déstructuration rendent le code très expressif.

Step 4

Tableaux et méthodes modernes

Les tableaux en JS sont très puissants. Les méthodes fonctionnelles (map, filter, reduce) permettent d'éviter les boucles impératives.

snippet.javascript

javascript
1// ✅ Règles modernes
2const API_URL = "https://api.wolofware.com"; // jamais réassigné
3const user = { name: "Usher" }; // l'objet peut être muté, pas la variable
4
5let compteur = 0; // sera réassigné dans une boucle
6compteur++;
7
8// ❌ Jamais var
9var probleme = "portée de fonction = bugs";
10
11// Portée de bloc avec let/const
12{
13  let block = "visible ici";
14  const aussi = "visible ici";
15}
16// block et aussi ne sont plus accessibles ici

Topics and skills covered

  • JavaScript
  • Variables
  • Types primitifs