js闭包
2022-04-14 本文已影响0人
误入IT的人
一、什么是闭包
各种博客文献对闭包的定义非常抽象,五花八门。为了便于理解,个人认为:闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数"。
所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。
二、写一个闭包
function f1() {
var n = 999;
function f2() {
n += 1;
console.log(n);
}
return f2;
}
在上面的代码中,函数f2被包含在函数f1内部,这时f1内部的所有局部变量,对f2都是可见的。但是反过来就不行,f2内部的局部变量,对f1就是不可见的。这就是Javascript语言特有的"链式作用域"结构(chain scope),子对象会一级一级地向上寻找所有父对象的变量。所以,父对象的所有变量,对子对象都是可见的,反之则不成立。
三、使用闭包的内存问题
1.方式一
f1()() // 1000
f1()() // 1000
为什么上面结果不符合预期,n没有自增。原因是f1函数已经执行完毕了,没有其他资源引用f1,f1会被立即释放,也就是说,f1()()执行完后,立即就释放了。
2.方式二
var result = f1()
result() //1000
result() //1001
result() //1002
这次的结果符合预期,原因是f1被result引用,result始终在内存中,不会在调用结束后,被垃圾回收机制(garbage collection)回收。这样持续调用下去就会导致内存泄漏。
解决内存泄漏问题
var result = f1()
result() //1000
result() //1001
result() //1002
result = null // 手动释放f1的引用 result
result = f1()
result() //1000
result() //1001