JavaScript 变量提升

Question

我无法理解为什么 name 在这里获得值

(function() {
  (function() {
    var name = 'Fido';
  })();
})();

console.log(name + ' says woof'); //Output: Fido says woof

变量名不应该是内部函数的局部变量吗？

Answer 1

变量是局部的，你看到的值不是来自函数内部的赋值。

您还将窗口命名为“Fido”，当您在全局范围内使用name 时，您将获得window.name 属性。

如果你在 jsfiddle 中尝试，你会得到“result says woof”。

演示：http://jsfiddle.net/Guffa/eDxf3/

Answer 2

你错了！如果在浏览器控制台中执行此代码将输出： says woof

我认为您需要更好地了解提升。 This article 肯定会帮助你。 以下是从文章中摘录的简短描述：

---

在 JavaScript 中，名称以四种基本方式之一进入范围：

• 语言定义：默认情况下，所有范围都指定名称 this 和 arguments。
• 形参：函数可以具有命名形参，其作用域为该函数的主体。
• 函数声明：格式为 function foo() {}。
• 变量声明：采用 var foo; 的形式。

函数声明和变量声明总是被 JavaScript 解释器以不可见的方式移动（“提升”）到其包含范围的顶部。显然，函数参数和语言定义的名称已经存在。这意味着像这样的代码：

function foo() {
    bar();
    var x = 1;
}

实际上是这样解释的：

function foo() {
    var x;
    bar();
    x = 1;
}

事实证明，包含声明的行是否会被执行并不重要。以下两个函数是等价的：

function foo() {
    if (false) {
        var x = 1;
    }
    return;
    var y = 1;
}

function foo() {
    var x, y;
    if (false) {
        x = 1;
    }
    return;
    y = 1;
}