编程篇(014)-看下面代码，如何输出1 2 3

齐丶先丶森

发布于 2022-05-12 21:22:30

1980

发布于 2022-05-12 21:22:30

for (var i = 1; i <= 3; i++) {
    console.log(i);
}
// 输出 1 2 3

但是

for (var i = 1; i <= 3; i++) {
    setTimeout(() => {
        // setTimout在for里面是异步执行的，在延迟输出的时候，i的值已经是4了
        console.log(i);
    }, 0);
}
// 输出 4 4 4

如何输出 1 2 3 呢？

参考答案：

1. 立即执行函数

for (var i = 1; i <= 3; i++) {
    setTimeout(
        (i => {
            console.log(i);
        })(i),
        0
    );
}

2. 闭包

for (var i = 1; i <= 3; i++) {
    setTimeout(
        (() => {
            var j = i;
            return function() {
                console.log(j);
            };
        })(),
        0
    );
}

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2022-01-17，如有侵权请联系 cloudcommunity@tencent.com 删除

闭包