函数声明VS函数表达引起不同的结果

Question

在该代码段，trueFactorial(5)返回120：

function factorial(num) { 
 
    if (num <= 1) { 
 
    return 1; 
 
    } else { 
 
    return num * arguments.callee(num - 1); 
 
    } 
 
} 
 

 
var trueFactorial = factorial; 
 

 
var factorial = function(num) { 
 
    return 0; 
 
} 
 

 
console.log(trueFactorial(5));

但在这个代码段，trueFactorial(5)返回0。

function factorial(num) { 
 
    if (num <= 1) { 
 
    return 1; 
 
    } else { 
 
    return num * arguments.callee(num - 1); 
 
    } 
 
} 
 

 
var trueFactorial = factorial; 
 

 
function factorial(num) { 
 
    return 0; 
 
} 
 

 
console.log(trueFactorial(5));

唯一的区别是，我们通过在第一个片段变量赋值声明factorial。这种差异的原因是什么？

Answer 1

函数声明被挂起。变量赋值不是。

在示例一中，您将第一个函数分配给trueFactorial。

在例子二中，第二个函数被挂起，所以它被赋值为trueFactorial。

Answer 2

JavaScript解释器首先使用function <...> (<arguments>)语法查看代码中所有函数的声明。在你的第二个片段中，你用这个语法同时声明了函数，所以解释器首先看到第一个声明，记住它的内容，然后看到另一个声明。此时，它将取代新的第一个声明。

当您使用var关键字时，解释程序在开始之前，但代码正在运行时，不会看到该声明。

Answer 3

在第二个示例中，您的函数被挂起并被赋值为trueFactorial函数。这意味着它最终是对同一功能的引用。在第一个例子中，引用指向内存中的另一个地址。

参见：

function factorial(num){ 
 
    if (num <=1){ 
 
     return 1; 
 
    } else { 
 
     return num*arguments.callee(num-1); 
 
    } 
 
} 
 

 
var trueFactorial = factorial; 
 

 
var factorial = function(num){ 
 
    return 0; 
 
} 
 

 
console.log(trueFactorial(5));//120 
 

 
console.log(trueFactorial === factorial);//false

function factorial(num){ 
 
    if (num <=1){ 
 
     return 1; 
 
    } else { 
 
     return num*arguments.callee(num-1); 
 
    } 
 
} 
 

 
var trueFactorial = factorial; 
 

 
function factorial(num){ 
 
    return 0; 
 
} 
 

 
console.log(trueFactorial(5));//0 
 

 
console.log(trueFactorial === factorial);//true