Maison > Article > interface Web > Questions d'entretien courantes : promotion de variables JavaScript
Questions d'entretien courantes : promotion de variables JavaScript
- 青灯夜游avant
- 2019-11-28 17:14:022267parcourir
Qu'est-ce que le levage de variables JavaScript ? Cette question est souvent posée lors des entretiens. L'article suivant vous présentera l'amélioration des variables JavaScript. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère que cela sera utile à tout le monde.
Levage de variable JavaScript
LevageJavaScript déplacera l'instruction Comportement par défaut en haut. [Recommandations de cours associées : Tutoriel vidéo JavaScript]
Amélioration de la déclaration JavaScript En JavaScript, les variables peuvent être déclarées après utilisation. En d'autres termes ; les variables peuvent être utilisées avant d'être déclarées. L'exemple 1 donne le même résultat que l'exemple 2 :
Exemple 1 :
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>js</title>
<body>
<p id="demo"></p>
<script>
x = 5; // 给x赋值5
elem = document.getElementById("demo"); // 查找一个元素
elem.innerHTML = x; // 在元素内显示x
var x; // 声明 x
</script>
</body>
</html>Exemple 2 :
!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>js</title>
<body>
<p id="demo"></p>
<script>
var x; // 声明 x
x = 5; // 把5赋值给x
elem = document.getElementById("demo");
elem.innerHTML = x;
</script>
</body>
</html>Pour comprendre cela, il faut comprendre "declaration hoisting" (anglais :Levage)". Fait référence au 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 ou de la fonction actuelle).
Mais ce comportement par défaut a été modifié dans ES6. Les variables déclarées par let et les constantes déclarées par const dans ES6 ne seront pas promues !
L'initialisation JavaScript ne sera pas promue.
JavaScript ne hisse que les déclarations, pas les initialisations. L'exemple 1 et l'exemple 2 sont des résultats différents :
Exemple 1 :
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>js</title>
<body>
<p id="demo"></p>
<script>
var x = 5; // 初始化 x
var y = 7; // 初始化 y
elem = document.getElementById("demo"); // 查找一个元素
elem.innerHTML = x + " " + y; // 显示x和y
</script>
</body>
</html>Exemple 2 :
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>js</title>
<body>
<p id="demo"></p>
<script>
var x = 5; // 初始化 x
elem = document.getElementById("demo"); // 查找一个元素
elem.innerHTML = x + " " + y; // 显示x和y
var y = 7; // 初始化 y
</script>
</body>
</html>Déclarez vos variables en haut !
Pour de nombreux développeurs, le levage de variables est un comportement JavaScript inconnu ou négligé. Si le développeur ne comprend pas la promotion, le programme peut contenir des erreurs (Erreur). Pour éviter les erreurs, 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 à suivre.
Cet article provient de la rubrique tutoriel js, bienvenue pour apprendre !
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!