Hoisting

“Hoisting” est le nom donné au comportement par défaut de JavaScript quant au fait de bouger les déclarations vers le haut.

Les déclarations JavaScript sont “hoistées”

Le langage JavaScript permet de déclarer une variable après qu’elle a été utilisée. En d’autres termes, il est possible d’utiliser une variable avant même qu’elle n’ait été déclarée.

Exemple :

x = 5;
console.log(x);
var x;

Pour comprendre l’exemple ci-dessus, il est nécessaire de comprendre le principe de hoisting en JavaScript. Lors de l’exécution du script le langage va remonter la déclaration de variable - peu importe où elle est réellement située dans le code - en haut de la portée actuelle (en haut du script ou de la fonction).

Mots-clés let et const

Les variables déclarées avec let et const sont remontées en haut du bloc, mais ne sont pas initialisées. Cela veut dire que le bloc de codes sait que la variable existe, mais celle-ci ne peut pas être utilisée tant qu’elle n’a pas été initialisée.

Utiliser une variable let avant de l’avoir déclarée retourne, à coup sûr, une referrenceError.

De même, utiliser une variable const avant de l’avoir déclarée retourne une syntaxError et le code ne s'exécutera tout simplement pas.

Initialisation et hoisting