闭包
认识闭包我们可以从以下三个问题出发。
1.如何产生闭包?
当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时,就产生了闭包
【当闭包函数被定义时就会创建闭包】
2.闭包到底是什么?
理解一:闭包是嵌套的内部函数(绝大部分人认为)
理解二:包含被引用变量(函数)的对象(极少数人认为)
注意:闭包存在于嵌套的内部函数中
3.产生闭包的条件?
函数嵌套
内部函数引用了外部函数的数据(变量/函数)
常见的闭包
1.将函数作为另一个函数的返回值
function fn1() {
var a = 2
function fn2() {
a++
console.log(a)
}
return fn2
}
var f = fn1()
f() // 3
f() // 4
f = null // 闭包消亡(原因:包含闭包的对象成为了垃圾对象)
2.将函数作为实参传递给另一个函数调用
闭包的作用
把变量(函数)变成对象的属性,从而不受函数作用域的限制
-
使用函数内部的变量在函数执行完后,仍然存活在内存中(延长了局部变量的生命周期)
-
让函数外部都可以操作(读写)到函数内部的数据(变量/函数)
这里给出两个问题:
1.函数执行完后,函数内部声明的局部变量是否还存在?
一般不存在,存在的原因是因为在闭包中
2.在函数外部能直接访问函数内部的局部变量吗?
不能,但我们可以通过闭包让外部操作它
闭包的生命周期
-
产生:在嵌套内部函数定义执行完时就产生了(不是在调用时)
-
消亡:在嵌套的内部函数成为垃圾对象时(你可以手动赋值null)
闭包的应用-定义js模块
- 具有特定功能的js文件
- 将所有的数据和功能都封装在一个函数内部(私有的)
- 只向外暴露一个包含n个方法的对象或者函数(return返回)
- 模块的使用者,只需要通过模块暴露的对象调用方法来实现对应的功能
闭包的缺点及解决
- 缺点
函数执行完后,函数内的局部变量没有释放,占用和内存时间会变长
容易造成内存泄漏 - 解决
能不用闭包则不用
及时释放
面试题
var name = "The Window";
var object = {
name: "My Object",
getNameFunc: function() {
return function() {
return this.name;
}
}
}
alert(object.getNameFunc()()); // The Window
// ------------------------------
var name = "The Window";
var object = {
name: "My Object",
getNameFunc: function() {
var that = this;
return function() {
return that.name;
}
}
}
alert(object.getNameFunc()()); // My Object
面试2
function fun(n,o) {
console.log(o);
return {
fun: function(m) {
return fun(m,n)
}
}
}
var a = fun(0); a.fun(1); a.fun(2); a.fun(3); //undefined 0 0 0
var b = fun(0).fun(1).fun(2).fun(3); //undefined 0 1 2
var c = fun(0).fun(1); c.fun(2); c.fun(3); ///undefined 0 1 1
该文章整理于网课,地址是尚硅谷网课。