JavaScript提升函数与函数变量

Question

以下是我的javascript代码：

    console.log(a);
    c();
    b();            
    var a = 'Hello World';
    var b = function(){
        console.log("B is called");
    }
    function c(){
        console.log("C is called");
    }

下面是输出：

undefined
hoisting.html:12 C is called
hoisting.html:6 Uncaught TypeError: b is not a function

我的问题是为什么c()和b()的行为不同。而b应该抛出错误，类似于b是没有定义的。

Answer 1

“功能宣言”将与其身体一起悬挂。

函数表达式不是，只有var语句才会被吊起。

在编译时之后--运行时之前--您的代码在解释器中的“外观”就是这样的：

 var c = function c(){
      console.log("C is called");
 }

 var a = undefined
 var b = undefined

 console.log(a); // undefined at this point
 c(); // can be called since it has been hoisted completely
 b(); // undefined at this point (error)

 a = 'Hello World';
 b = function(){
     console.log("B is called");
 }

KISSJavaScript

Answer 2

函数表达式：

  var b = function(){
        console.log("B is called");
    }

函数声明

function c(){
    console.log("C is called");
}

函数表达式只有在解释器到达code.On的另一边--函数声明--时才会加载，它总是可以工作的。因为在加载所有声明之前，不能调用任何代码。

阅读更多关于功能声明和函数表达式的信息

Answer 3

在您调用b时，还没有定义。您的b是一个包含函数的变量，访问b的时间尚未定义。