js 闭包
闭包
目录
- 闭包的概念
- 闭包的用途
- 代码实例
- 注意点
- 两个代码片段的对比
闭包的概念
简单来说，闭包就是定义在一个函数内部的函数
闭包的用途
- 可以读取函数内部的变量
- 让这些变量的值始终保持在内存中
代码实例
function f1(){
var n = 999
// 匿名函数
fnAdd = function(){n += 1}
// 一个闭包
function f2(){
console.log(n)
}
return f2
}
var result = f1()
// 999
result()
fnAdd()
// 1000
result()代码分析
- 第一次值为999，第二次值为1000，证明函数f1中的局部变量n一直保存在内存中，并没有在f1调用后被自动清除。
- f1是f2的父函数，而f2被赋给了一个全局变量，这导致f2始终在内存中，而f2的存在依赖于f1，因此f1也始终在内存中，不会在调用结束后，被垃圾回收机制回收。
- 在nAdd前面没有使用var关键字，因此 nAdd 是一个全局变量，而不是局部变量。
- nAdd的值是一个匿名函数（anonymous function），而这个匿名函数本身也是一个闭包。
- 函数调用相当于后面有两个括号，因为函数f1返回的是函数名f2。
注意点及解决方法
- 由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。 解决方法：在退出函数之前，将不使用的局部变量全部删除。
- 闭包会在父函数外部，改变父函数内部变量的值。 解决方法：不要随便改变父函数内部变量的值。
- 返回闭包时牢记的一点就是：返回函数不要引用任何循环变量，或者后续会发生变化的变量。
两个代码片段的对比
// 代码片段1
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};
alert(object.getNameFunc()());
// 输出：The Window
// 代码片段2
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
var that = this;
return function(){
return that.name;
};
}
};
alert(object.getNameFunc()());
// 输出： My Object本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018年10月09日，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读