Js 闭包传参 setInterval 多次

作者: CicadaBear | 来源:发表于2016-11-16 16:45 被阅读127次

A friend 问了我一个问题，大概是在一个for循环中启动多个定时器。
代码大概如下，

        var list = [1, 2, 3, 4, 5];

        for (var x in list) {
            setInterval(function() {
                // list[x] += 10;
                console.log(x + "=>" + list[x] + "\n");
            }, 2 * 1000);
        }

结果是每两秒钟打印五次，打印的全都一样都是 4=>5

执行结果

不论怎么样都是缺点东西，x相对于5 个setInterval 实例，都是共有变量，缺个每个setInterval自己变量。我也没见过别的用法，想到了函数闭包传参，没见过。Google Stackoverflow

        var list = [1, 2, 3, 4, 5];

        for (var x in list) {
            setInterval(function(i) {
                // list[x] += 10;
                console.log(x + "=>" + list[i] + "\n");
            }, 2 * 1000, x);
        }