Js 闭包传参 setInterval 多次

最新推荐文章于 2023-06-27 10:52:32 发布

CicadaBear

最新推荐文章于 2023-06-27 10:52:32 发布

阅读量864

点赞数

分类专栏： JavaScript 文章标签：闭包 javascript 传参定时器

本文链接：https://blog.csdn.net/czfyjl/article/details/53188316

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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);
        }