我正在阅读有关 Variable Hoisting 的内容，但我无法准确理解如何了解它。我阅读了 W3C 学校的解释。但是，根据示例代码，我无法使什么是吊装。
代码1【这是w3c学校的代码】
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var x = 5; // Initialize x
var y; // Declare y
elem = document.getElementById("demo"); // Find an element
elem.innerHTML = x + " " + y; // Display x and y
y = 7; // Assign 7 to y
</script>
</body>
</html>
但是上面的代码对于变量y仍然显示'undefined'。
如果我按如下方式更改代码，则它可以正常工作。但是，下面的代码是常用的，而不是理解'提升'
<script>
var x = 5; // Initialize x
var y;
y = 7;
elem = document.getElementById("demo"); // Find an element
elem.innerHTML = x + " " + y; // Display x and y
</script>
这对理解“变量提升”有什么帮助吗？
最佳答案
(注意:我在这个答案的末尾添加了对 ES2015 的 let 和 const 的简短讨论。)
从根本上说，变量提升意味着无论您在任何给定作用域的何处看到 var，它都好像它在作用域的最开始。所以这些都是相同的:
function foo() {
var a = 42;
}
function foo() {
var a;
a = 42;
}
function foo() {
a = 42;
var a;
}
function foo() {
var a;
a = 42;
var a;
}
它们由 JavaScript 引擎处理，就好像它们是:
function foo() {
var a;
a = 42;
}
这是一个实际使用变量提升的例子，也给出了一个我称之为 The Horror of Implicit Globals 的例子(这是我贫血的小博客上的一篇文章):
function foo() {
a = 42;
b = 67;
console.log(a); // 42
console.log(b); // 67
var a;
}
foo();
console.log(typeof a); // undefined
console.log(typeof b); // number?!
console.log(b); // 67?!为什么 b 存在于 foo 之外？因为在 foo 中，这两行做非常不同的事情:
a = 42;
b = 67;
第一行设置本地变量a，因为我们声明了它。是的，我们后来声明了它，但我们声明了它。
第二行创建了一个隐式全局变量b，因为我们从未在foo中的任何地方声明过b。
更多(在我的博客上):
ES2015(又名“ES6”)引入了 let 和 const。它们的处理方式与 var 略有不同:
- 它们具有 block 作用域，而不是函数作用域或全局作用域。
- 声明 被提升到 block 的顶部，但此时它们没有获得任何默认值；只有在代码的逐步执行中到达声明时，它们才会被初始化(使用
undefined或您提供的值)。
演示点 #1( block 作用域):
function foo() {
{
let a = 1;
console.log(a); // 1
}
console.log(a); // ReferenceError: a is not defined
}
foo();
示范点 #2:这可以与 var 一起使用，不能与 let 一起使用:
function foo() {
a = 42; // ReferenceError: a is not defined
let a;
}
foo();
从标识符被保留(声明)到您可以使用它(初始化)之间的时间称为时间死区，在此期间您不能使用变量。
关于javascript - javascript中的变量提升，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30575151/