javascript - JavaScript 变量提升

Question

我无法理解为什么 name 在这里得到一个值

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

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

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

Answer 1

该变量是本地变量，您看到的值并非来自函数内部的赋值。

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

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

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

Answer 2

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

我认为您需要更好地了解吊装。这篇文章肯定会对你有所帮助。以下是从文章中摘录的简短描述：

---

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

• 语言定义：默认情况下，所有作用域都被赋予名称 this 和 arguments。
• 形参：函数可以具有命名形参，其作用域为该函数的主体。
• 函数声明：这些是函数 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;
}