本文共 635 字，大约阅读时间需要 2 分钟。

在原来的代码中，使用var声明的i变量在setTimeout函数内部会受到外部变量的引用问题影响，导致所有的setTimeout回调都使用了最后一次循环中的i值。以下是优化后的代码，能够正确输出0到9：

解决方案一：

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

解决方案二：

for (let i = 0; i < 10; i++) {    setTimeout(() => {        console.log(i);    }, 1000);}

解决方案三：

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

解决方案四：

for (var i = 0; i < 10; i++) {    ((j) => {        setTimeout(() => {            console.log(j);        }, 1000);    })(i);}

这些方法都通过不同的方式确保setTimeout回调中使用的i值是当前循环中的值，而不是最后一次循环中的值，从而能够正确输出0到9。

转载地址：http://opyq.baihongyu.com/