Maison > interface Web > js tutoriel > Qu'est-ce que le levage en JavaScript ?

Qu'est-ce que le levage en JavaScript ?

Patricia Arquette
Libérer: 2025-01-14 22:30:48
original
579 Les gens l'ont consulté

O que é Hoisting no JavaScript?

Imaginez que vous vous préparez pour un spectacle de magie. Avant de commencer, le magicien organise tous les objets qu'il utilisera sur scène, en plaçant les cartes, les lapins et le chapeau au bon endroit. Cela l'aide à faire les tours sans se tromper.

En JavaScript, quelque chose de similaire se produit lorsque vous écrivez votre code. Le « magicien », dans ce cas, est JavaScript, qui organise certaines choses avant de commencer à exécuter le programme. Cette organisation automatique s'appelle le levage.


Comment fonctionne le levage ?

  1. Paramètres d'abord :
    JavaScript prend toutes les déclarations de variables et de fonctions et les "monte" en haut du code. C'est comme s'il disait : "Avant de commencer, je vais séparer tout ce qui est important pour ne pas me perdre."

  2. Important :
    Seules les déclarations sont déplacées vers le haut, pas les valeurs attribuées. C'est comme si vous disiez : "Hé, ce chapeau magique existe !", mais JavaScript ne découvre comment utiliser le chapeau que lorsqu'il arrive au bon moment dans le code.


Un exemple simple

Voir ce code :

console.log(meuNome); // undefined
var meuNome = "Jonas";
console.log(meuNome); // Jonas
Copier après la connexion

Au début, cela semble étrange : comment JavaScript sait-il que monNom existe avant que je le déclare ?

Cela arrive parce qu'il fait quelque chose comme ça dans les coulisses :

var meuNome; // Declaração "subiu"
console.log(meuNome); // undefined
meuNome = "Jonas"; // Valor atribuído
console.log(meuNome); // Jonas
Copier après la connexion

En d'autres termes, il ajoute la déclaration de la variable monNom, mais attribue uniquement la valeur "Jonas" au bon endroit.

Levage avec let et const

Maintenant, il y a une différence importante : si vous utilisez let ou const, JavaScript ne vous permet pas d'utiliser les variables avant de déclarer.
Découvrez-le :

console.log(idade); // Erro: Cannot access 'idade' before initialization
let idade = 14;
Copier après la connexion

Cela se produit parce que let et const sont "stockés" dans une zone spéciale et ne peuvent être utilisés qu'après que vous les ayez déclarés.

Levage avec fonctions

Les fonctions en JavaScript sont également "relevées". Voir cet exemple :

cumprimentar();

function cumprimentar() {
  console.log("Olá!");
}
Copier après la connexion

Même appeler la fonction avant de déclarer, ça marche ! Cela se produit parce que JavaScript « monte » la fonction entière vers le haut du code.

Conclusion

Le levage est comme si JavaScript était un magicien super organisé : il jette un coup d'œil rapide à votre code avant de commencer à s'exécuter, sépare toutes les déclarations de variables et de fonctions, et ce n'est qu'alors que le spectacle commence.

Mais rappelez-vous : un grand pouvoir implique de grandes responsabilités. Utiliser le levage sans le comprendre peut prêter à confusion. Alors, déclarez soigneusement vos variables et fonctions pour que votre code soit plus clair et plus organisé !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal