JavaScript 閉包和匿名函數有什麼不同？

JavaScript 閉包和匿名函數

閉包是JavaScript 中的一個重要概念，它使函數能夠從其封閉範圍存取變數，即使在函數被呼叫。但是，區分閉包和匿名函數很重要。

考慮一個常見的範例：使用循環和 setTimeout 來延遲計數器變數的記錄。如果不使用閉包，程式碼將多次列印最終值。

不正確的閉包用法：

for (var i = 0; i < 10; i++) {
  setTimeout(function() {
    console.log(i); // This incorrectly prints 10 for each iteration
  }, 1000);
}

這裡的問題是匿名函數不捕捉每次迭代的 i 值。相反，它捕獲全域範圍內對 i 的引用，最終達到最終值 10。

正確的閉包用法：

for (var i = 0; i < 10; i++) {
  (function() {
    var i2 = i;
    setTimeout(function() {
      console.log(i2); // This correctly prints 0 to 9 with delay
    }, 1000);
  })();
}

在本例中，匿名函數建立一個新變數 i2，該變數使用 i 的目前值進行初始化。然後，內部匿名函數會擷取 i2 的值並將其用於記錄，從而保留原始迭代中的值。

區分閉包和匿名函數：

雖然JavaScript 中的所有函數在技術上都「封閉」其變量，但術語「閉包」通常保留用於以下函數：

• 可以從外部作用域存取變數（即非本地或「 free」變數）
• 從它們定義的範圍之外引用（即，在其自由變數周圍「封閉」）

在第一個範例中，匿名函數不'不滿足這些條件，因為它沒有捕獲變數i。在第二個範例中，匿名函數確實滿足這些條件，因此被視為閉包。

結論：

理解閉包和匿名函數之間的區別對於有效利用 JavaScript 的力量。閉包允許函數與其封閉範圍進行交互，提供封裝並實現對變數的延遲訪問，這對於非同步操作和事件處理特別有益。

以上是JavaScript 閉包和匿名函數有什麼不同？的詳細內容。更多資訊請關注PHP中文網其他相關文章！