闭包与自执行函数

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)的作用

你可能感兴趣的:(JS,+,ES6)