js 函数和变量的hoisting，第二段里面的函数为啥fly没有提升？

Question

函数声明方式提升【成功】

function test(){
    foo();
    function foo(){
        console.info("I am foo!")
    }
}
test();

函数表达式方式提升【失败】

function test(){
    foo();//Uncaught TypeError: foo1 is not a function(…)
    fly();//VM83:1 Uncaught ReferenceError: fly is not defined(…)
   var foo =function fly(){
        console.info("I am foo!")
    }
}
test();

第二段里面的函数为啥fly没有提升，不也是声明式的吗？为啥一个是TypeError，fly是ReferenceError？

Answer 1

函数声明会提升，但是函数表达式不会。变量声明会提升，所以你执行foo()的时候foo是undefined不是函数所以会告诉你TypeError。

var foo =function fly(){
    console.info("I am foo!")
}

这种写法叫命名函数表达式，fly仅仅在函数体内可以访问。所以在外面使用告诉你ReferenceError

Answer 2

搞清楚实际的运行顺序很关键，实际如下

function test(){
    var foo;
    foo();
    fly();
    foo =function fly(){
        console.info("I am foo!")
    }
}
test();

变量声明会提前，而赋值不会提升，运行到foo()时 foo 是 undefined，所以Uncaught TypeError: foo is not a function，删除这一句接着报错，因为接下来的fly()执行时还没有进行赋值(注意：就算赋值成功也无法通过fly()获取方法)，因为此时只能调用到foo()，

你的代码可以修改如下

function test(){
    var foo =function fly(){
        console.info("I am foo!")
    }
    foo();
}
test();

望采纳