JavaScript可变吊装

JavaScript Variable Hoisting

本文关键字：JavaScript      更新时间：2023-11-06

我在理解为什么name在这里得到值时遇到问题

(function() {
  (function() {
    var name = 'Fido';
  })();
})();
console.log(name + ' says woof'); //Output: Fido says woof

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

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

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

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

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

你错了！如果在浏览器控制台中执行，此代码将输出： 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;
}
相关文章：