Javascript 提升代码片段

Question

我正在浏览 JS 提升的代码片段。其中一个片段看起来像

var employeeId = 'abc123';

function foo() {
    employeeId();
    return;

    function employeeId() {
        console.log(typeof employeeId);
    }
}
foo(); 

输出将是:函数

我已经阅读了关于提升的内容，根据我的理解，所有变量都将被视为在函数顶部声明并在其实际声明/定义行初始化。在这种情况下，employeeId 函数标识符将在函数顶部声明为 var employeeId，其值显然是 undefined，因此非常函数的第一行应该抛出错误。

请告诉我为什么输出是函数？

Answer 1

var 声明和函数声明都被提升到它们出现的范围的顶部(按此顺序)； var 将 undefined 作为它们的值，函数的绑定(bind)将函数作为它们的值。只有在这完成之后，函数中的任何分步代码才会执行​​。

因此您的示例实际上与此相同:

var employeeId;                           // Declaration
function foo() {                          // Declaration
    function employeeId() {               // Declaration (shadows outer `employeeId`)
        console.log(typeof employeeId);
    }

    employeeId();
    return;
}
employeeId = 'abc123';
foo();