闭包与自执行函数

1、for循环与setTimeout

for (var i = 0; i < 3; i++) {
    setTimeout(function () {
        console.log(i);
    }, 300);
}

输出结果：3 3 3

2、将延迟时间换成0

for (var i = 0; i < 3; i++) {
    setTimeout(function () {
        console.log(i);
    }, 0);
}

 输出结果：3 3 3

这是什么原因？

JavaScript是单线程执行的，无法同时执行多段代码。当某段代码正在执行时，后续任务都必须等待，形成一个队列。只有当前任务执行完毕，才会从队列中取出下一个任务——也就是常说的“阻塞式执行”。

通俗点说，js由上至下执行，遇到settimeout就先挂起，继续向下执行，全部执行完毕后，再执行settimeout，所以输出结果还是3，3，3。

如果想要输出0， 1，2呢？

3、

for( var i=0;i<3;i++){
    (function(i){
        setTimeout(function(){
            console.log(i);
        },300);
    })(i);
}
// 或者
for( var i=0;i<3;i++){
    setTimeout((function(i){
        console.log(i);
    })(i)
    ,300);
}

输出结果：0，1，2

4、有兴趣可以查一下setimeout(0)的作用