功能范围理解不清楚


var a = 1;
function b() {
    a = 10;
    return;
    function a() {}
}
b();
alert(a);

a如何显示1的输出?

return;
function a() {}

在函数体内执行?

在函数的最后一行声明符号"a"。这是受赋值语句影响的"a"。

函数声明语句被提升到函数的顶部,并首先进行解释。因此,赋值语句在声明名为"a"的函数(对"b"函数来说是局部的)之后有效地发生。因此,赋值影响的是符号,而不是全局的"a"。

请记住,变量没有类型,因此将名称绑定到函数并不会阻止稍后为其分配数值。

你的代码很容易误导人,让人觉得执行顺序很重要。现在的标准JavaScript引擎会接受它并在运行到:

之前重新格式化。
var a = 1,
b = function() {
    var a = function() {};
    a = 10;
    return;
};
b();
alert(a);

现在你可以明白到底发生了什么。在函数b中再次声明了a所以现在实际上有两个a变量。一个是"窗口"。另一个是"b var a",但不是"b.a",因为它不能在闭包或函数之外访问。

换句话说,你得到你想要的代码。

最新更新