js闭包

一、什么是闭包

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

二、写一个闭包

     function f1() {
        var n = 999;
        function f2() {
          n += 1;
          console.log(n);
        }
        return f2;
      }

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

三、使用闭包的内存问题

1.方式一

     f1()() // 1000
     f1()() // 1000

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

2.方式二

      var result = f1()
      result()  //1000
      result()  //1001
      result()  //1002

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

解决内存泄漏问题
      var result = f1()
      result()  //1000
      result()  //1001
      result()  //1002
      result = null // 手动释放f1的引用 result
      result = f1()
      result() //1000
      result() //1001
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 一、变量...
    zock阅读 1,121评论 2 6
  • 一、变量的作用域 要懂得闭包,起首必须懂得Javascript特别的变量作用域。 变量的作用域无非就是两种:全局变...
    杭州程序员小陈阅读 231评论 0 0
  • 大名鼎鼎的闭包(closure),一直听说很难,这个概念似乎玄之又玄,让新手们望而却步。为了弄懂JS闭包,也查阅了...
    周花花啊阅读 383评论 0 2
  • 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变...
    Sun____阅读 65评论 0 0
  • 一直被问到js闭包是什么。记得原来看过,好久没用,只记得方法外的调用方法内的属性。具体的实现想不起来。还是把这个闭...
    lijiaccy阅读 185评论 0 1

友情链接更多精彩内容