for循环和setTimeout

for(var i=1;i<6;i++){

setTimeout(function timer(){
console.log(i)
},i*1000);

}

这个程序最后输出的是五个6，而不是1到5的迭代。

首先，JS的执行是单线程的，当遇到setTimeout()定时器时，JS都默认不会执行其中的回调函数，而是继续执行其他的JS函数，直到所有JS脚本都解析完毕，才会回来执行setTimeout()中的回调函数。

所以，在执行for()循环的同时，会向下执行setTimeout()，只是中间的回调函数在任务队列中排队等待执行，也就是说，在执行回调函数之前已经有五个定时器了。

因为回调函数是最后执行的，这时for()循环已经执行完毕，i的值经过迭代，变成了6，由于变量i是被封闭在一个共享的全局作用域中，因此，i的值并没有因为每次的迭代而产生一个i的副本。

如果要实现1到5迭代的效果，那么，可以将上述的JS代码改成如下：

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

在迭代内部执行IIFE会为每个迭代生成一个新的作用域，使得回调函数可以将新的作用域封闭在每个迭代内部。