閉包 - Javascript

你知道嗎？在 JavaScript 中，所有函數本質上都是閉包（只有一個例外）。真的，讓我們來了解一下它是如何運作的。

閉包是與其詞法引用捆綁在一起的函數。雖然這是正式定義，但閉包的真正意義是什麼？在深入了解閉包之前，了解一流函數是有益的，因為它提供了基礎知識，可以幫助您掌握閉包的工作原理。

首先要了解的關鍵概念：

1。一等函數： 可以指派給變數、作為參數傳遞並從函數傳回的函數。
2.函數作用域： 函數可以從自己的作用域和周圍（外部）作用域存取變數。
3.執行上下文： 每次呼叫函數時，都會建立一個新的執行上下文。這包括變數環境和作用域鏈。

通常，在函數內建立的變數的作用域僅限於該函數，並在函數完成執行後立即銷毀。例如，考慮一個名為 premiumContentAccess 的函數，它包含兩個變數：articlesAllowedToAccess 和 currentlyAccessed.

function premiumContentAccess() {
  let articlesAllowedToAccess = 3;
  let currentlyAccessed = 0;
}

premiumContentAccess();

執行premiumContentAccess時，會建立局部變數articlesAllowedToAccess和currentlyAccessed。一旦函數執行完成，這些變數就會超出範圍並有資格進行垃圾回收，這意味著它們被有效地銷毀並且之後無法存取。

即使在執行premiumContentAccess之後，是否可以保留對這些變數的存取權限？到這裡就結束了。

什麼是關閉？

當傳回一個可以存取其周圍（外部）變數的函數時，就會形成閉包。這些變數引用與函數捆綁在一起，使它們能夠持續存在。

function premiumContentAccess() {
  let articlesAllowedToAccess = 3;
  let currentlyAccessed = 0;  

  function accessArticle() {
    if (currentlyAccessed >= articlesAllowedToAccess) {
      return 'Premium Article Access Reached';
    }
    currentlyAccessed++;
    return 'Article accessed';
  }
  return accessArticle;
}

let accessArticle = premiumContentAccess();

console.log(accessArticle()); // Outputs: Article accessed
console.log(accessArticle()); // Outputs: Article accessed
console.log(accessArticle()); // Outputs: Article accessed
console.log(accessArticle()); // Outputs: Premium Article Access Reached

範例分解

1。外部函數： premiumContentAccess() 是定義變數 articlesAllowedToAccess 和 currentlyAccessed.
的外部函數 2.內部函數： accessArticle 是從其詞法範圍存取變數的內部函數，該變數在外部函數中定義。
3.閉包： 當呼叫premiumContentAccess() 時，它回傳accessArticle函數，保留對變數articlesAllowedToAccess 的訪問，即使在外部函數執行完畢後也是如此。 4.狀態保留：
閉包允許 accessArticle 維護自己的狀態（有關已訪問的文章數）。每次呼叫 accessArticle 都會修改 currentlyAccessed，該值會因關閉而保留。

所有函數都是閉包：

正如我們在開始時提到的，所有函數本質上都是閉包。

也就是說：它們透過隱藏的

[[Environment]]

屬性自動保留對其建立上下文的引用，從而允許它們的程式碼存取外部變數。

例外：

使用 new Function 建構子建立的函數將 [[Environment]] 設定為全域上下文而不是建立上下文。

感謝您的閱讀！我希望您覺得這個部落格內容豐富且引人入勝。如果您發現任何不準確之處或有任何回饋，請隨時告訴我。

---

以上是閉包 - Javascript的詳細內容。更多資訊請關注PHP中文網其他相關文章！