for循环与定时器

如果for循环中有定时器，如下代码。

for (var i = 1; i < 4; i++) {
    setTimeout(function() {
        console.log(i);//3个4
    }, 3000);
}

初衷想要3s后输出1,2,3
如果要得到正确结果，就要引入闭包来保存变量i不被销毁

for (var i = 1; i < 4; i++) {
            (function(a) {
                setTimeout(function() {
                    console.log(a);//操纵变量a，和i无关
                }, 3000);
            })(i)
        }

也可以这样写

         for (var i = 1; i < 4; i++) {
             setTimeout(fn(i), 3000);
         }
         function fn(a){
             return function(){
                 console.log(a);
             }
         }

如果要实现，没隔3s输出一个数字，即，3s输出1,3s后再输出2...，就要对定时器时间设置

        for (var i = 1; i < 4; i++) {
            (function(a) {
                setTimeout(function() {
                    console.log(a);
                }, a*3000); //.....
            })(i)
        }