JavaScript塊範圍與功能

Question

以下片段是否完全相同？如果沒有什麼尊重？

var x = (function() { 
    ... //a 
    return function(){ 
     ... //b 
    }; 
})(); 

與

var x; 
{ 
    ... //a 
    x = function(){ 
     ... //b 
    }; 
} 

Answer 1

有一個主要區別：在JavaScript中，塊不會引發新的變量範圍。因此，您不能在// a代碼塊中定義私有變量。比較

var x = (function() { 
    var v = 42; 
    return function(){ 
     return v; 
    }; 
})(); 
// v; would yield ReferenceError: v is not defined, so you need to call x 

和

var x; 
{ 
    var v = 42; 
    x = function(){ 
     return v; 
    }; 
} 
// v is 42 here, that's not what's intended. 

Answer 2

一個主要的區別是，在執行...//a時，X不存在。現在在你的情況下，在這兩種情況下，它是undefined，但通常來說，可能在...//a期間訪問x變量，而在第一種情況下不可以。

否則在你的情況下它是相同的。畢竟在你的情況下，代碼基本上被重構爲一個單獨的函數，就像任何其他語言一樣。