Variable JavaScript

Nommer une boîte pour y ranger une valeur et la retrouver plus tard : c’est le rôle d’une variable. JavaScript propose trois mots-clés pour en déclarer une, chacun avec ses propres règles.

Le trio var, let, const

Dans un script de thème ou de bloc WordPress moderne, const s’impose par défaut pour toute valeur qui ne sera pas réassignée (une référence DOM, une configuration), let pour une valeur amenée à changer (un compteur, un état de bascule), et var reste surtout présent dans du code hérité, avec une portée moins prévisible.

Exemple

const API_URL = '/wp-json/wp/v2/';
let pageActuelle = 1;

function chargerPageSuivante() {
  pageActuelle = pageActuelle + 1;
  return fetch(API_URL + 'posts?page=' + pageActuelle);
}

Ici, API_URL ne change jamais et utilise const, tandis que pageActuelle évolue à chaque appel et nécessite let.

À ne pas confondre

• const empêche de réassigner la variable elle-même, mais n’empêche pas de modifier le contenu d’un objet ou d’un tableau qu’elle référence.
• Une variable déclarée sans var, let ni const devient globale par accident, un comportement bloqué par le mode strict.
• Le « hoisting » place les déclarations en haut de leur portée à l’exécution, mais seule var est initialisée à undefined avant sa ligne de déclaration ; let et const restent inaccessibles jusqu’à cette ligne, dans une zone dite « morte temporelle ».