JS新手，试图理解提升[重复]

Question

可能重复：
Redeclare JavaScript Variable

我有下一段代码：

var i = 11;
alert(i);
function a(){
    alert(i);
    var i = 2;
    alert(i);
}
a()

第二个alert(i)（在函数内部）产生undefined。我猜这与 JS 引擎在代码中运行的方式有关——也许它在遍历代码之前没有先存储变量？

反正我认为这不是问题是JS，因为它支持提升。我可能弄错了——有人愿意解释一下吗？

谢谢！

Answer 1

JavaScript 确实将 declarations 提升到它们发生的范围的顶部，但是分配发生在您期望它们发生的地方。您的代码被有效地解析如下：

/* Function declarations are hoisted first, which is why you can invoke a
   function before it appears to be defined in the source */
function a() {
    var i; // Declaration is hoisted (this i shadows the outer i)
    alert(i);
    i = 2; // Assignment to local i happens in place
    alert(i);
}
var i; // Declaration is hoisted (at this point, i === undefined)
i = 11; // Assignment happens in place
alert(i);
a();

这是详细的in the spec。进入新的执行上下文后，会发生以下情况：

对于 code 中的每个 VariableDeclaration 和 VariableDeclarationNoIn d，按源文本顺序执行

• 让dn成为d中的标识符。
• 让 varAlreadyDeclared 成为调用 env 的 HasBinding 具体方法并传递 dn 作为参数的结果。
• 如果 varAlreadyDeclared 是 false，那么
  • 调用 env 的 CreateMutableBinding 具体方法，传递 dn 和 configurableBindings 作为参数。
  • 调用 env 的 SetMutableBinding 具体方法，传递 dn、undefined 和 strict 作为参数。