Utiliser le mot-clé const en JavaScript

Les variables constantes (mais pas aussi constantes que tu le penses 👀)

Quand tu commences à écrire du JavaScript, tu rencontres rapidement un trio :

• var → presque à la retraite, mais toujours dans le game
• let → moderne, logique, fiable
• const → quand il donne sa parole, il ne recule jamais 😎

Dans cet article, le projecteur est braqué sur const.
Mais petit spoiler : const ne veut pas toujours dire « absolument immuable ».
Oui, JavaScript nous invite encore une fois à un petit exercice mental.

Qu’est-ce que const ? Que fait-il ? Que ne fait-il pas ?

const est utilisé pour définir des variables qui ne peuvent pas être réassignées.

const siteName = "CodeDünyası";

Avec cette ligne, tu dis essentiellement à JavaScript :

« Hé mon pote, cette variable s’appelle siteName.
Voici sa valeur.
N’essaie pas de la remplacer. »

Maintenant, faisons ceci :

siteName = "AnotherSite";

JavaScript réagit immédiatement :

❌ TypeError: Assignment to constant variable

Ce qui, traduit du langage JavaScript, signifie :

« Je n’autorise pas ça. On avait un accord. »

Résumé : const = pas de réassignation ❌

La règle d’or pour utiliser const 🏆

Un const doit recevoir une valeur au moment de sa déclaration.

Mauvaise utilisation (JavaScript se fâche) :

const age;
age = 25;

Bonne utilisation :

const age = 25;

JavaScript est très clair ici :

• « Je l’assignerai plus tard » ❌
• « Laisse-moi réfléchir » ❌
• « Je ne suis pas encore sûr » ❌

Si tu déclares, tu assignes. Point final.

Pourquoi tout le monde utilise const ?

Parce que const :

• Exprime clairement l’intention du code
• Élimine le risque de réassignation accidentelle
• Dit à tes collègues (et à ton toi du futur) : « Cette valeur ne va pas changer, inutile d’y toucher. »

En JavaScript moderne, il existe une règle non écrite mais largement acceptée :

Utilise const par défaut, passe à let seulement si nécessaire

Donc ton réflexe devrait être :

const total = 100;

S’il doit vraiment changer :

let total = 100;
total = 120;

Plot twist 🎬 const + objets

Maintenant, on arrive à la partie amusante.

const user = {
  name: "Ahmet",
  age: 30
};

Cette variable est déclarée avec const. Alors que se passe-t-il ?

1️⃣ Modifier le contenu de l’objet

user.age = 31;

✅ ÇA MARCHE

Pourquoi ?

• const verrouille la référence
• L’intérieur de l’objet est un terrain de jeu libre 🎈

JavaScript dit en gros :

« Tu peux continuer à utiliser le même objet, mais réorganise son contenu si tu veux. »

2️⃣ Remplacer complètement l’objet

user = { name: "Mehmet", age: 25 };

❌ ERREUR

Parce qu’il s’agit d’une nouvelle référence, et const ne l’autorise pas.

Même histoire : const + tableaux 🍿

const numbers = [1, 2, 3];

Modifions le tableau :

numbers.push(4);

✅ Fonctionne

numbers[0] = 99;

✅ Fonctionne

Mais si tu fais ceci :

numbers = [5, 6, 7];

❌ Erreur

En résumé :

• Le contenu peut changer
• La référence ne peut pas changer

Si tu veux que const soit vraiment constant 🧊

Si tu veux empêcher même les modifications internes :

const settings = Object.freeze({
  theme: "dark",
  language: "tr"
});

settings.theme = "light";

❌ Aucun changement (erreur en mode strict)

💡 Astuce : Object.freeze est superficiel. Les objets imbriqués nécessitent des précautions supplémentaires.

Où utilise-t-on const dans la vraie vie ?

🔗 URLs d’API

const API_URL = "https://api.example.com";

🧮 Fonctions

const calculateTotal = (price, tax) => price + tax;

🖱️ Éléments DOM

const submitButton = document.querySelector("#submitBtn");

⚙️ Valeurs de configuration

const MAX_RETRY_COUNT = 3;

Si ces valeurs ne sont pas censées changer, const est ton meilleur ami ❤️

Petites erreurs, grandes leçons 🚧

❌ Utiliser let partout

Risque inutile

❌ Mal comprendre const

Panique : « Pourquoi ça a changé ? »

✅ Utilisation consciente de const

Code propre, sûr et lisible

Grave-le dans ton cerveau 🧠 (Ultra résumé)

• const empêche la réassignation
• Il doit être initialisé immédiatement
• Le contenu des objets et tableaux peut changer
• Les références ne peuvent pas changer
• C’est le choix par défaut en JavaScript moderne

Conclusion 🎤

En JavaScript, const :

• Communique l’intention
• Réduit les bugs
• Te protège de toi-même 😄

Si tu écris encore let partout par réflexe…
quelque part, un const est discrètement triste. 😌