Levage JavaScript
Le levage est le comportement par défaut de JavaScript pour déplacer les déclarations vers le haut.
Les déclarations JavaScript sont hissées
En JavaScript, une variable peut être déclarée après avoir été utilisée.
Autrement dit; une variable peut être utilisée avant d’avoir été déclarée.
Exemple 1 donne le même résultat que Exemple 2:
Exemple 1
x = 5 ; // Affecte 5 à x
elem = document.getElementById(“démo”); // Recherche un élément
elem.innerHTML = x; // Affiche x dans l’élément
var x ; // Déclare x
Essayez-le vous-même »
Exemple 2
var x ; // Déclare x
x = 5 ; // Affecte 5 à x
elem = document.getElementById(“démo”); // Recherche un élément
elem.innerHTML = x; // Affiche x dans l’élément
Essayez-le vous-même »
Pour comprendre cela, vous devez comprendre le terme “levage”.
Le levage est le comportement par défaut de JavaScript consistant à déplacer toutes les déclarations vers le haut de la portée actuelle (vers le haut du script actuel ou de la fonction actuelle).
Les mots-clés let et const
Variables définies avec let et const sont hissés au sommet du bloc, mais pas initialisé.
Signification : Le bloc de code connaît la variable, mais elle ne peut pas être utilisée tant qu’elle n’a pas été déclarée.
Utilisant un let variable avant qu’elle ne soit déclarée entraînera une
ReferenceError.
La variable est dans une “zone morte temporelle” depuis le début du bloc jusqu’à ce qu’elle soit déclarée :
Exemple
Cela se traduira par une ReferenceError:
nom_voiture = “Volvo” ;
let carName ;
Essayez-le vous-même »
Utilisant un const variable avant qu’elle ne soit déclarée, est une erreur de syntaxe, donc le code ne s’exécutera tout simplement pas.
En savoir plus sur let et const dans JS Let / Const.
Les initialisations JavaScript ne sont pas hissées
JavaScript ne hisse que les déclarations, pas les initialisations.
Exemple 1 fait pas donner le même résultat que
Exemple 2:
Exemple 1
varx = 5 ; // Initialise x
var y = 7; // Initialise y
elem = document.getElementById(“démo”); // Recherche un élément
elem.innerHTML = x + ” ” + y ; // Affiche x et y
Essayez-le vous-même »
Exemple 2
varx = 5 ; // Initialise x
elem = document.getElementById(“démo”); // Recherche un élément
elem.innerHTML = x + ” ” + y ; // Affiche x et y
var y = 7; // Initialise y
Essayez-le vous-même »
Est-il logique que y soit indéfini dans le dernier exemple ?
En effet, seule la déclaration (var y), et non l’initialisation (=7) est hissée au sommet.
En raison du hissage, y a été déclaré avant d’être utilisé, mais comme les initialisations ne sont pas hissées, la valeur de y est indéfinie.
L’exemple 2 revient au même que d’écrire :
Exemple
varx = 5 ; // Initialiser x
varier; // Déclare y
elem = document.getElementById(“démo”); // Recherche un élément
elem.innerHTML = x + ” ” + y ; // Affiche x et y
y = 7 ; // Affecte 7 à y
Essayez-le vous-même »
Déclarez vos variables en haut !
Le levage est (pour de nombreux développeurs) un comportement inconnu ou négligé de JavaScript.
Si un développeur ne comprend pas le levage, les programmes peuvent contenir des bogues (erreurs).
Pour éviter les bogues, déclarez toujours toutes les variables au début de chaque portée.
Puisque c’est ainsi que JavaScript interprète le code, c’est toujours une bonne règle.
JavaScript en mode strict n’autorise pas l’utilisation de variables si elles ne sont pas déclarées.
Étude “utiliser strictement” dans le prochain chapitre.
#Levage #JavaScript