js闭包

作者: 误入IT的人 | 来源:发表于2022-04-14 10:14 被阅读0次

一、什么是闭包

各种博客文献对闭包的定义非常抽象,五花八门。为了便于理解,个人认为:闭包就是能够读取其他函数内部变量的函数。由于在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

相关文章

  • php之闭包函数(Closure)

    php闭包函数(Closure) JS闭包 js和php闭包使用和区别

  • JS闭包

    JS闭包 闭包练习

  • JS闭包问题(二)

    在之前的JS闭包问题(一)文章中大概介绍了一下JS闭包,同时讲了闭包与变量之间的问题,今天我们继续聊闭包,聊聊闭包...

  • JS闭包大结局(JS闭包系列3)

    在上一篇中再谈JS闭包(JS闭包系列2),我详细的介绍了JS中的变量作用域相关的概念,结合第一节关于JS闭包(JS...

  • JS闭包入门

    最近有看到朋友的面经里提到的JS闭包的问题,就想研究研究,以下是我对JS闭包的简单理解。 到底什么是JS闭包? 定...

  • 学习JavaScript闭包和作用域笔记

    JS JavaScript闭包和作用域 闭包 JavaScript高级程序设计中对闭包的定义:闭包是指有权访问另外...

  • 再谈JS闭包(JS闭包系列2)

    这篇文章,来继续谈谈Javascript闭包的剩余问题。因为在上一篇文章中关于JS闭包(JS闭包系列1)主要简单的...

  • 简单的聊一下闭包

    js中的闭包 闭包是学习js中永远也绕不过去的一个坎,那么,今天我们就去一段简单的代码开始聊一聊闭包 什么是闭包 ...

  • 浅谈闭包

    js中的闭包 闭包是学习js中永远也绕不过去的一个坎,那么,今天我们就去一段简单的代码开始聊一聊闭包 什么是闭包 ...

  • 闭包??

    什么闭包,闭包有什么用?http://js.jirengu.com/pogadikofa/1/闭包是在某个作用域内...

网友评论

      本文标题:js闭包

      本文链接:https://www.haomeiwen.com/subject/zrpfertx.html