小白对于闭包的理解
- 什么是闭包:闭包是指有权访问另一个函数作用域的变量的函数。–《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>