什么是闭包?

闭包这个鬼已经从我入门前端到现在一直困扰着我,每当不理解的时候就看下度娘们的解析,突然就茅塞顿开,但是呢,再过段时间又忘的不知所以,根本原因可能还是不够理解闭包到底是什么?所以这次我一定要彻底的看透它,直视它的眼睛,哈哈哈。
言归正传

首先咱们看下百度百科对闭包的定义:

闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。

关于闭包的典型例子,百科给出了一个万年例子:

function a() {
    var i = 0;
    function b() {
        console.log(++i);
    }
    return b;
}
var c = a();
c(); //1
c(); //2

这个例子充分的体现了闭包的特点:
1.函数b嵌套在函数a内部;
2.函数a返回函数b。
这样在执行完var c=a( )后,变量c实际上是指向了函数b,再执行c( )后就会弹出一个窗口显示i的值(第一次为1)。这段代码其实就创建了一个闭包,这是因为函数a外的变量c引用了函数a内的函数b。也就是说,当函数a的内部函数b被函数a外的一个变量引用的时候,就创建了一个闭包。

闭包带来的影响或者说作用:
简而言之,闭包的作用就是在a执行完并返回后,闭包使得Javascript的垃圾回收机制不会收回a所占用的资源,因为a的内部函数b的执行需要依赖a中的变量。

再看另外一个博主对于闭包的理解,我觉得说的很通俗易懂,看下代码:

function aa(){
    var b =1;
    function bb(){
        b++;
        return b
    }
    return bb;
}
var c = aa();
c();

下面是他对闭包的理解:

  • 这里变量b和函数bb()就形成了一个闭包;
  • 那么就有了个疑问,为什么要做这种函数嵌套函数;
    因为我们需要这个局部变量 b;所以才将 b放在一个函数中,如果不将变量放在一个函数中,那么 b 就成为了一个全局变量;所以说函数嵌套函数就是为了创建一个局部变量。
  • 那为什么要返回bb函数呢
    如果大家不返回bb函数,那么我们就用不了这个闭包,返回bb函数的意思就是说返回到window这个全局对象中;我们可以把return bb 改写成window.bb = bb ;目的是只要让外层能访问到bb函数就可以了;所以说 return bb 只是能让这个函数能用,和闭包没关系;
总结上面的两个例子,其实说白了,闭包就是一个环境,在这个环境下只允许外层的函数访问其内部函数的变量,是这个外层函数私有的,很霸道的函数也被叫做高阶函数,除了它之外没有人可以改变它内部的东西。
说到私有的,再给你们看个栗子
function Counter(start) {
    var count = start;
    return {
        increment: function () {
            count++;
        },
        get: function () {
            return count;
        }
    }
}
var foo = Counter(4);
foo.increment();
foo.get();// 5
foo.increment();
foo.get();// 6

从上面这个例子可以看出:Counter 函数返回两个闭包,函数 increment 和函数 get。 这两个函数都维持着对外部作用域 Counter 的引用,因此总可以访问此作用域内定义的变量count。

看到这儿突然很有感触,当时学习的Java的时候直接定义个private类型的变量就行了,哪有像JS这么不智能的语言。吐槽到此为止.......

好了,闭包看的差不多了,我们做一下大总结吧:
用途:1.读取函数内部的变量;
2.这些变量的值始终保持在内存中,不会在外层函数调用后被自动清除。
优点:1:变量长期驻扎在内存中;
2:避免全局变量的污染;
3:私有成员的存在 ;
特性:1:函数套函数;
2:内部函数可以直接使用外部函数的局部变量或参数;
3:变量或参数不会被垃圾回收机制回收 GC;
缺点:
常驻内存 会增大内存的使用量 使用不当会造成内存泄露,详解:
(1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。
(2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。

闭包的内存泄漏问题

什么是内存泄漏?
内存泄漏:你用不到(访问不到的变量),依旧占据着内存空间,不能被再次利用。
有热心网友说“IE浏览器有bug,IE 在我们使用完闭包之后,依然回收不了闭包里面引用的变量。这是 IE 的问题,不是闭包的问题。”

闭包在离散数学的应用

说到这一点,感觉我大学学的离散数学都交给了我的老师了,其实闭包这个概念在离散数学中也有很大的应用的。

未完待续

参考博客:https://blog.csdn.net/binlety/article/details/81288231

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 闭包(closure)是javascript的一大难点,也是它的特色。很多高级应用都要依靠闭包来实现。 1、变量作...
    乖乖果效36阅读 3,345评论 0 0
  • 对于初次步入代码界的小朋友们,听说闭包这个词,感觉摸不着头脑,所以本人亲自整理了一下理解闭包的思路,本文主要是从三...
    itsmyturn阅读 7,548评论 2 9
  • 大家好,我是IT修真院的学员,一枚正直纯洁善良的web前端程序员。 今天给大家带来的是闭包是什么,用处如何? 1....
    情的信仰阅读 4,599评论 0 0
  • 上篇文章里已经说明,这篇文章的主题是:实际生活中硬水软水的区别及使用 不磨叽,首先先来几张图和数据: 根据《中国居...
    徽熵录阅读 3,655评论 0 2

友情链接更多精彩内容