一道 js 函数提升的问题

foo();
var a=true;
if(a){
    function foo(params) {
       console.log("a") 
    }
}else{
    function foo(params) {
        console.log("b") 
    }
}

思考下，上面代码执行会输出什么？

再看下面的👇🏻执行会输出什么？

"use strict"
foo();
var a=true;
if(a){
    function foo(params) {
       console.log("a") 
    }
}else{
    function foo(params) {
        console.log("b") 
    }
}

答：1. 输出  Uncaught TypeError: foo is not a function

2. 输出 Uncaught ReferenceError: foo is not defined

 

个人理解：

第一个在非严格模式下，函数 foo 会进行函数提升，但是不会进行赋值，所以在 foo 执行的时候 ，foo=undefined，则报类型错误

第二个在严格模式下，函数 foo 不会进行函数提升，在 foo 执行的时候，此时 foo 未定义，则报引用错误。

摘抄：

一个普通块内部的函数声明通常会被提升到所在作用域的顶部，这个过程不会像上面的代码暗示的那样可以被条件判断所控制。

摘自 《你不知道的 JavaScript》