闭包与自执行函数

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