js中闭包常见面试问题

function A() {
let a = 1
function B() {
console.log(a)
}
return B
}

从代码中就可以大概看出闭包的定义：函数 A 返回了一个函数 B，并且函数 B 中使用了函数 A 的变量，函数 B 就被称为闭包。
经典面试题，循环中使用闭包解决 var 定义函数的问题

for ( var i=1; i<=5; i++) {
setTimeout( function timer() {
console.log( i );
}, 1000 );
}
console.log( i );

上面函数首先输出最后一行的i为6 之后隔1s同时输出5个6；
首先因为 setTimeout 是个异步函数，所有会先把循环全部执行完毕，这时候 i就是 6 了，所以会输出一堆 6。
解决办法两种，第一种使用闭包

for (var i = 1; i <= 5; i++) {
(function(j) {
setTimeout(function timer() {
console.log(j);
},  1000);
})(i);
}

第二种就是使用 setTimeout 的第三个参数（第三个参数详细请看MDN）
定时器启动时候，第三个以后的参数是作为第一个func()的参数传进去。

for (var i = 1; i <= 5; i++) {
(function(j) {
setTimeout(function timer() {
console.log(j);
},  1000);
})(i);
}

第三种就是使用 let 定义 i 了

for ( let i=1; i<=5; i++) {
setTimeout( function timer() {
console.log( i );
}, 1000 );
}

因为对于 let 来说，他会创建一个块级作用域，相当于

{ // 形成块级作用域
let i = 0
{
let ii = i
setTimeout( function timer() {
console.log( i );
}, 1000 );
}
i++
{
let ii = i
}
i++
{
let ii = i
}
...
}