为什么这个 javascript 代码段记录为 1？

Question

在一次采访中，我被要求猜测以下代码片段的输出：

var foo = 1;
    
function bar() {
    foo = 10;
    return;
    function foo() {
    }
}

bar();

console.log(foo);

我认为输出将是 10，因为 bar 函数在重新分配 foo 的值后立即返回，但实际输出为 1。是否因为函数定义具有相同的变量名（foo）？是否为foo里面的变量创建了一个新的作用域bar？

Answer 1

这是一个在面试中要问的讨厌的（而且有点毫无意义）的问题！

它确实与foo范围内的函数有关bar- 如果没有它，它会做你所期望的。

 var foo = 1;
    
function bar() {
    foo = 10;
    return;
    
}

bar();

console.log(foo);

原因是由于“提升” - 内部的函数声明作为新变量bar被提升到函数的开头bar，并且由于 javascript 的性质允许您在运行时更改类型，它允许您设置它（而不是全球）foo到 10。

它与此代码基本相同：

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

bar();

console.log(foo);