闭包
01.理解闭包(closure)
1.闭包的概念
- 闭包,不同于一般的函数,它允许一个函数在立即词法作用域外调用时,仍可访问非本地变量。 –维基百科
- 闭包就是能够读取其他函数内部变量的函数。–阮一峰
- 由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数"。
- 所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。
- 闭包是嵌套的内部函数(绝大部分人)
- 包含被引用变量(函数)的对象(极少数人)
2.闭包的用途
- 可以读取函数内部的变量
- 让这些变量的值始终保持在内存中
function f1(){
var n=999;
nAdd=function(){n+=1}//没有使用var关键字,是全局变量
function f2(){
alert(n);
}
return f2;
}
var result=f1();
result(); // 999
nAdd();
result(); // 1000
result实际上就是闭包f2函数,他一共运行了两次,第一次的值是999,第二次的值是1000。这证明了,函数f1中的局部变量n一直保存在内存中,并没有在f1调用后被自动清除。
**原因:**f1是f2的父函数,而f2被赋给了一个全局变量,这导致f2始终在内存中,而f2的存在依赖于f1,因此f1也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage collection)回收。
变量声明时如果不使用 var 关键字,那么它就是一个全局变量,即便它在函数内定义。
nAdd前面没有使用var关键字,因此nAdd是一个全局变量,nAdd的值是一个匿名函数(anonymous function),而这个匿名函数本身也是一个闭包,所以nAdd相当于是一个setter,可以在函数外部对函数内部的局部变量进行操作。
闭包是一种保护私有变量的机制,在函数执行时形成私有的作用域,保护里面的私有变量不受外界干扰。
直观的说就是形成一个不销毁的栈环境。
3.产生闭包的条件
- 函数嵌套
- 内部函数引用了外部函数的数据(变量/函数)
4.如何产生闭包
当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时, 就产生了闭包。
5.闭包的应用
闭包的应用:定义JS模块
1.具有特定功能的js文件
2.将所有的数据和功能都封装在一个函数内部(私有的)
3.只向外暴露一个包信n个方法的对象或函数
4.模块的使用者,只需要通过模块暴露的对象调用方法实现对应的功能
闭包的应用2 : 定义JS模块
- 具有特定功能的js文件
- 将所有的数据和功能都封装在一个函数内部(私有的)
- 只向外暴露一个包信n个方法的对象或函数
- 模块的使用者, 只需要通过模块暴露的对象调用方法来实现对应的功能
6.闭包的缺点
1.缺点
- 函数执行完后, 函数内的局部变量没有释放, 占用内存时间会变长
- 容易造成内存泄露
2.解决
- 能不用闭包就不用
- 及时释放
7.内存溢出与内存泄露
- 内存溢出
- 一种程序运行出现的错误
- 当程序运行需要的内存超过了剩余的内存时, 就出抛出内存溢出的错误
- 内存泄露
- 占用的内存没有及时释放
- 内存泄露积累多了就容易导致内存溢出
- 常见的内存泄露:
- 意外的全局变量
- 没有及时清理的计时器或回调函数
- 闭包
8.面试题
//代码片段一
var name = "The Window";
var object = {
name: "My Object",
getNameFunc: function () {
return function () {
return this.name;
};
}
};
alert(object.getNameFunc()()); //The window
//代码片段二
var name2 = "The Window";
var object2 = {
name2: "My Object",
getNameFunc: function () {
var that = this;
return function () {
return that.name2;
};
}
};
alert(object2.getNameFunc()()); //My objecct