小白对于闭包的理解

最新推荐文章于 2024-08-22 14:32:34 发布

未暖猫厮

最新推荐文章于 2024-08-22 14:32:34 发布

阅读量96

点赞数 1

分类专栏： js 文章标签： js javascript

本文链接：https://blog.csdn.net/qq_44279495/article/details/108299094

版权

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

小白对于闭包的理解

什么是闭包：闭包是指有权访问另一个函数作用域的变量的函数。–《javascript高级程序设计》
闭包指的是有权访问父作用域的函数，即使在父函数关闭之后。–w3school
看了大佬的博客才有了一些概念:https://www.cnblogs.com/formercoding/p/5884735.html
以下为个人理解，如有错误欢迎指正
第一个匿名自调用函数称为a函数,第二个称为b函数
匿名自调用函数的官方解释：
函数表达式可以作为“自调用”。
自调用表达式是自动被调用（开始）的，在不进行调用的情况下。
函数表达式会自动执行，假如表达式后面跟着 ()。
您无法对函数声明进行自调用。–简单来说就是一个可以自执行的函数表达式无法进行第二次调用，否则报错
n()实际上是一次执行了两个不同作用域的方法，n()由于a是自调用函数在定义的时候便开始执行然后被回收接着n()= return funtion(){} 所以执行b（）， b里找不到a 向上查找(作用域链)，找到已被销毁的counter 变量已被定义了所以＋1并返回第一次执行完毕返回1 第一次执行->在定义a自调用匿名函数已被回收，
第二次n()就执行不是自调用b方法接着b一直向上查找找到上一次a的索引 a的内存空间因为n方法是函数属于复杂类型存于堆中作用链指向上一次a的引用所以a的内存空间被永久留存下来
接着b一直向上查找找到上一次a的索引(值) ,a的内存空间就这样被调用的时候一直留存下来。

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 闭包</h1>

<p>使用局部变量计数。</p>

<button type="button" onclick="myFunction()">计数！</button>//第一次执行 为1

<p id="demo">0</p>

<script>
var add = (function () {
  var counter = 0;
  return function () {counter += 1; return counter;}
})();

function myFunction(){
  document.getElementById("demo").innerHTML = add();
}
</script>

</body>
</html>

未暖猫厮

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
小白对于闭包的理解

小白对于闭包的理解什么是闭包：闭包是指有权访问另一个函数作用域的变量的函数。–《javascript高级程序设计》闭包指的是有权访问父作用域的函数，即使在父函数关闭之后。–w3school看了大佬的博客才有了一些概念:https://www.cnblogs.com/formercoding/p/5884735.html以下为个人理解，如有错误欢迎指正第一个匿名自调用函数称为a函数,第二个称为b函数匿名自调用函数的官方解释：函数表达式可以作为“自调用”。自调用表达式是自动被调用（开始）的，在
复制链接

扫一扫

专栏目录