for serTimtout 输出12345 闭包

闭包的定义很简单，函数A返回了一个函数B，并且函数B中使用了函数A的变量，函数B就称为闭包。

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

A() //a

.........................................................

经典面试题  循环中使用闭包解决 var 定义函数的问题

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

// 5个6 （setTimeout是一个异步函数，所以会先把循环全部执行完毕，这是i 就是6了，所以会输出5个6）

#解决办法

1.用 闭包 让其输出  12345

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

2.利用setTimeout 的第三个参数

for ( var i=1; i<=5; i++) {
    setTimeout( function timer(j) {
        console.log( j );
    }, i*1000, i);
}
附 setTimeout第三个参数
setTimeout 第三以后的参数是作为第一个参数（function（））的参数传进的
demo1
function aa(x,y){
    console.log(x+y)//4
} 
setTimeout(aa,1000,1,3) 
demo2
function aa(x,y,z){
    console.log(x+y+z)//9
} 
setTimeout(aa,1000,1,3,5) 
demo3
function aa(x,y,z,q){
    console.log(x+y+z+q)//16
} 
setTimeout(aa,1000,1,3,5,7)
...

demoN
var doc=document.getElementById('div');
setTimeout(function(){
    doc.style.color='red';
},10000,setTimeout(function(){
    doc.style.color='black';
},5000));
上面的结果是，div元素内的字体样式5秒后变黑，10秒后再变红。是不是很惊奇，因为第三个参数也是一个定时器，5后就会开启。和JQuery里面的animate()不同，animate里面回调是执行了前面之后再执行后面的。

3 使用let定义i （let是创建一个块级作用域）
for ( let i=1; i<=5; i++) {
    setTimeout( function timer() {
        console.log( i );
    }, i*1000 );
}

{ // 形成块级作用域
    let i = 0
    {
        let ii = i
        setTimeout( function timer() {
            console.log( ii );//下面无论多少个i++ 都是0； 如果这里输出的是i 下面 有多个i++ 输出的值 就是几
        }, i*1000 );
    }
    i++
    {
        let ii = i
    }
    i++
    {
        let ii = i
    }
    i++
    {
        let ii = i
    }
}