什么是闭包?
所谓闭包,就是可以访问函数内部变量的函数。
在JS中,函数内部是一个独立封闭的作用域,函数可以访问全局变量,但外部并不能访问函数内部的变量和方法。
var a = 1
function fn () {
var b = 2
console.log(a)
}
fn() // 1
console.log(b) // error, b is not defined
闭包主要有两个特性:
1、读取函数内部的变量;
2、被闭包引用的变量会一直存在内存中,函数调用后不会被清除。
function fn () {
var a = 1;
function getA () {
return a++
}
return getA;
}
const sum = fn()
sum() // 1
sum() // 2
sum() // 3
上面这个例子就可以说明闭包的特性了。a 被外部访问到,并一直存于内存中,由1到2再到3。
值得一提的是闭包可以解决一道经典面试题:
for (var i = 0; i < 3; i++) {
setTimeout(() => console.log(i))
}
// 结果: 3 3 3
在执行 for 循环中,每一次都将一个 setTimeout 打入队列中。等到同步代码执行完毕,开始执行队列的setTimeout,因为 i 已经为3,所以结果就是打印3个3。
那用闭包怎么解决呢?在执行 for 循环中,每次创建一个作用域,将 i 保存在里面并被闭包使用:
for (var i = 0; i < 3; i++) {
(function (j) {
setTimeout(() => console.log(j))
})(i)
}
// 结果: 0 1 2