闭包 - 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 和 currentlyAccessed 的访问，即使在外部函数执行完毕后也是如此。
4.状态保留： 闭包允许 accessArticle 维护自己的状态（有关已访问的文章数）。每次调用 accessArticle 都会修改 currentlyAccessed，该值由于关闭而被保留。

所有函数都是闭包：

正如我们在开始时提到的，所有函数本质上都是闭包。

也就是说：它们通过隐藏的 [[Environment]] 属性自动保留对其创建上下文的引用，从而允许它们的代码访问外部变量。

异常： 使用 new Function 构造函数创建的函数将 [[Environment]] 设置为全局上下文而不是创建上下文。

---

感谢您的阅读！我希望您觉得这个博客内容丰富且引人入胜。如果您发现任何不准确之处或有任何反馈，请随时告诉我。

以上是闭包 - Javascript的详细内容。更多信息请关注PHP中文网其他相关文章！