循环内的异步进程

Question

循环内的异步进程我正在运行以下形式的事件循环：var i;var j = 10;for (i = 0; i < j; i++) {     asynchronousProcess(callbackFunction() {         alert(i);     });}我正在尝试显示一系列显示数字0到10的警报。问题在于，当回调函数被触发时，循环已经进行了几次迭代，并且它显示了更高的i。关于如何解决这个问题有什么建议吗？

Answer 1

几个。你可以用绑定:

for (i = 0; i < j; i++) {
    asycronouseProcess(function (i) {
        alert(i);
    }.bind(null, i));}

或者，如果您的浏览器支持放任(它将出现在下一个ECMAScript版本中，但是Firefox已经支持它一段时间了)，您可以拥有：

for (i = 0; i < j; i++) {
    let k = i;
    asycronouseProcess(function() {
        alert(k);
    });}

或者，你可以做bind手动(如果浏览器不支持它，但我想说在这种情况下可以实现SIM，它应该在上面的链接中)：

for (i = 0; i < j; i++) {
    asycronouseProcess(function(i) {
        return function () {
            alert(i)
        }
    }(i));}

我通常更喜欢let当我可以使用它时(例如火狐插件)，则为bind或者一种习俗竞逐函数(不需要上下文对象)。