闭包
闭包的定义其实很简单:函数 A 内部有?个函数 B ,函数 B 可以访问到 函数 A 中的变量,那么函数 B 就是闭包。
function A() {
let a = 1
window.B = function () {
console.log(a)
}
}
A()
B() // 1
闭包存在的意义就是让我们可以间接访问函数内部的变量。
经典?试题,循环中使?闭包解决 var 定义函数的问题
for (var i = 1; i <= 5; i++) {
setTimeout(function timer() {
console.log(i)
}, i * 1000)
}
?先因为 setTimeout 是个异步函数,所以会先把循环全部执?完毕,这时 候 i 就是 6 了,所以会输出?堆 6。
解决办法有三种
- 第?种是使?闭包的?式
for (var i = 1; i <= 5; i++) {
(function(j) {
setTimeout(function timer() {
console.log(j)
}, j * 1000)
})(i)
}
在上述代码中,我们?先使?了?即执?函数将 i 传?函数内部,这个时候 值就被固定在了参数 j 上?不会改变,当下次执? timer 这个闭包的时候,就可以使?外部函数的变量 j ,从?达到?的。 - 第?种就是使? setTimeout 的第三个参数,这个参数会被当成 timer 函数的参数传?。
for (var i = 1; i <= 5; i++) {
setTimeout(function timer(j) {
console.log(j)
}, i * 1000, i)
} - 第三种就是使? let 定义 i 了来解决问题了,这个也是最为推荐的?式。
for (let i = 1; i <= 5; i++) {
setTimeout(function timer() {
console.log(i)
}, i * 1000)
}