首页 > web前端 > js教程 > 正文

闭包 - Javascript

Susan Sarandon
发布: 2024-11-11 04:57:02
原创
734 人浏览过

Closures - Javascript

你知道吗?在 JavaScript 中,所有函数本质上都是闭包(只有一个例外)。真的,让我们来了解一下它是如何工作的。

闭包是与其词法引用捆绑在一起的函数。虽然这是正式定义,但闭包的真正含义是什么?在深入了解闭包之前,了解一流函数是有益的,因为它提供了基础知识,可以帮助您掌握闭包的工作原理。

首先要了解的关键概念:

1。一等函数: 可以分配给变量、作为参数传递并从函数返回的函数。
2.函数作用域: 函数可以从自己的作用域和周围(外部)作用域访问变量。
3.执行上下文: 每次调用函数时,都会创建一个新的执行上下文。这包括变量环境和作用域链。

通常,在函数内创建的变量的作用域仅限于该函数,并在函数完成执行后立即销毁。例如,考虑一个名为 premiumContentAccess 的函数,它包含两个变量:articlesAllowedToAccesscurrentlyAccessed.

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

premiumContentAccess();
登录后复制

执行premiumContentAccess时,会创建局部变量articlesAllowedToAccesscurrentlyAccessed。一旦函数执行完成,这些变量就会超出范围并有资格进行垃圾回收,这意味着它们被有效地销毁并且之后无法访问。

即使在执行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() 是定义变量 articlesAllowedToAccesscurrentlyAccessed.
的外部函数 2.内部函数: accessArticle 是从其词法范围访问变量的内部函数,该变量在外部函数中定义。
3.闭包: 当调用 premiumContentAccess() 时,它返回 accessArticle 函数,保留对变量 articlesAllowedToAccesscurrentlyAccessed 的访问,即使在外部函数执行完毕后也是如此。
4.状态保留: 闭包允许 accessArticle 维护自己的状态(有关已访问的文章数)。每次调用 accessArticle 都会修改 currentlyAccessed,该值由于关闭而被保留。

所有函数都是闭包:

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

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

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


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

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

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板