美文网首页
Js 闭包传参 setInterval 多次

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);
        }
执行结果

Reference
how-to-use-setinterval-function-within-for-loop (stackoverflow)

相关文章

网友评论

      本文标题:Js 闭包传参 setInterval 多次

      本文链接:https://www.haomeiwen.com/subject/bxyrpttx.html