前端杂七杂八
2021年11月21日

js写一个闭包

作者 admin

一、什么是闭包

各种博客文献对闭包的定义非常抽象，五花八门。为了便于理解，个人认为：闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成”定义在一个函数内部的函数”。
所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

二、写一个闭包

     function fun1() {
        var n = 99;
        function fun2() {
          n += 1;
          console.log(n);
        }
        return fun2;
      }

在上面的代码中，函数fun2被包含在函数f1内部，这时fun1内部的所有局部变量，对fun2都是可见的。但是反过来就不行，fun2内部的局部变量，对fun1就是不可见的。这就是Javascript语言特有的”链式作用域”结构（chain scope），子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。

三、使用闭包的内存问题

1.方式一

     fun1()() // 100
     fun1()() // 100

为什么上面结果不符合预期，n没有自增。原因是fun1函数已经执行完毕了，没有其他资源引用 fun1 ， fun1 会被立即释放，也就是说，fun1()()执行完后，立即就释放了。

2.方式二

      var result = fun1()
      result()  //100
      result()  //101
      result()  //102

这次的结果符合预期，原因是fun1被result引用，result始终在内存中，不会在调用结束后，被垃圾回收机制（garbage collection）回收。这样持续调用下去就会导致内存泄漏。

解决内存泄漏问题

      var result = fun1()
      result()  //100
      result()  //101
      result()  //102
      result = null // 手动释放f1的引用 result
      result = fun1()
      result() //100
      result() //101

标签javascript

44 条评论在 “js写一个闭包”

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注