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");
}

仅当解释器到达代码行时才加载函数表达式。另一方面，函数Declaration始终可用。 因为在加载所有声明之前，无法调用任何代码。

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

Answer 3

当时您尚未定义b 。 您的b是一个包含函数的变量，访问b的时间尚未定义。

Answer 4

因为使用Function Expression声明一个函数会创建一个匿名函数，除非您明确提供一个名称：

var b = function() {}   // anonymous function 

和在使用函数声明来声明函数时，设置名称是不同的：

function c() {}   // c function