函數聲明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