与JavaScript作用域的混淆[重复]

Question

我对JavaScript作用域有相当的了解--该语言具有函数级作用域，变量和函数声明被提升到其包含作用域的顶部。但是，我想不通为什么下面两段代码记录了不同的值：

这会将值1记录到控制台：

var a = 1;
function b() {
    a = 10;
    return;
    function a() {}
}
b();
console.log(a);

神秘的是,这记录了10：

var a = 1;
function b() {
    a = 10;
    return;        
}
b();
console.log(a);

那引擎盖下面是怎么回事？

Answer 1

这是因为当您使用声明的函数时，它会被提升并变成一个函数表达式，即var a=function(){}；这会与您的a变量产生冲突。

Answer 2

我觉得第一个例子更神秘...

在第二个示例中，不在函数内部声明变量a。因此，当您分配给A时，它的目标是外部的A。很直截了当。

在第一个示例中，您在函数内部声明了一个变量a，但以一种不同寻常的方式：通过声明一个名为a的函数。因此赋值给a将使用该局部“变量”。

这里要带走两件事：

a）变量和函数声明被“吊起”到其作用域的顶部。虽然函数a（）{}被写入接近结尾处，但保存它的变量a已经创建并可见于作用域的顶部。

b）函数也可以用作变量。你可以传递函数，你可以重新分配函数定义。它们与其他变量共享相同的命名空间。