前情提要:
JS变量分为两种:局部变量和全局变量
*函数内部可以直接访问全局变量。
*而函数外部却无法访问函数内部的变量。
引申出一个问题:如何在函数外部访问函数内部的变量呢?
既然inner可以读取outer中的局部变量,那么只要把inner作为返回值,我们就可以在outer外部读取它的内部变量了吗 。
于是“闭包”概念诞生。
什么是闭包?
闭包就是:能够读取其他函数内部变量的【函数】,在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的【函数】“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。
进一步说:一个函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起(或者说函数被引用包围),这样的组合就是闭包(closure)。也就是说,闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中,每当创建一个函数,闭包就会在函数创建的同时被创建出来。
闭包特点:1:引用外部函数变量对象中的值;2:在外部函数的外部被调用
闭包的作用
闭包可以用来【间接的访问一个变量】,相当于把【变量隐藏】,如果写全局变量就可能会被人随意修改,所以我们可以定义一个不能让人【直接访问】到的局部变量,然后再写一个【函数】作为访问器把变量暴露出去。
从堆栈的角度看闭包
在程序运行时,计算机会为应用程序分配一定的内存空间;应用程序则会自行分配所获得的内存空间,其中一部分被用于记录程序中正在调用的各个函数的运行情况,这就是函数的调用栈。常规的函数调用总是会在调用栈最上层添加一个新的堆栈帧(stack frame,也翻译为“栈帧”或简称为“帧”),这个过程被称作“入栈”或“压栈”(意即把新的帧压在栈顶)。
回顾基础:基本变量的值一般都是存在栈内存中,而对象类型的变量的值存储在堆内存中,栈内存存储对应空间地址。
首先在全局执行环境中,我们可以访问到变量a和fn,进入fn时栈内存会push一个fn的执行环境,这个环境里有变量b和函数fn1,也可以访问到全局的执行环境。进入fn1时,栈内存会push一个fn1的执行环境,这个执行环境下无变量,但是可以访问到fn执行环境和全局环境下的变量。
随着fn1()执行完毕,fn1的执行环境被杯销毁,接着执行完fn(),fn的执行环境也会被销毁,只剩全局的执行环境下,现在没有b变量,和fn1函数对象了,只有a 和 fn(函数声明作用域是window下)。
在函数内访问某个变量是根据函数作用域链来判断变量是否存在的,而函数作用域链是程序根据函数所在的执行环境栈来初始化的,因为程序在访问变量时,是【向底层栈一个个找】的。
闭包实际情况:
当执行完result = outer这一句之后,outer函数并没有被销毁,因为它里面的变量仍被inner的函数作用域链所引用,当执行完inner之后,inner和outer的执行环境才会被销毁。
闭包的优缺点
它的最大用处有两个:
1、可以读取函数内部的变量
2、就是让这些变量的值始终保持在内存中。
闭包的缺点就是常驻内存会【增大内存使用量】,并且使用不当很容易造成内存泄露。《JavaScript高级编程》书中建议:由于闭包会携带包含它的函数的作用域,因为会比其他函数占用更多内容,过度使用闭包,会导致内存占用过多。
如果不是因为某些特殊任务而需要闭包,在没有必要的情况下,在其它函数中创建函数是不明智的,因为闭包对脚本性能具有负面影响,包括处理速度和内存消耗。
闭包的使用场景
1:setTimeout/setInterval
2:回调函数(callback)
3:事件句柄(event handle)
参考博客:
1:https://zhuanlan.zhihu.com/p/22486908
2:https://www.cnblogs.com/sandaizi/p/11582488.html
3:http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html