Questions d'entretien courantes : promotion de variables JavaScript-js tutoriel-php.cn

Questions d'entretien courantes : promotion de variables JavaScript

青灯夜游

Libérer： 2019-11-28 17:14:02

avant

2334 Les gens l'ont consulté

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.

Questions d'entretien courantes : promotion de variables JavaScript

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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!