javascript - for 循环内的递归函数未按预期工作

Question

这个问题已经有答案了:

JavaScript closure inside loops – simple practical example (45 个回答)

已关闭 7 年前。

我试图使用递归函数打印第一个数组元素，但输出不符合预期。

var modelArray = [1,2,3];
var refurbArray = [a,b];
for (var z = 0; z < modelArray.length; z++) {
    for (var y = 0; y < refurbArray.length; y++) {
        var check = modelArray[z];
        var recursive(refurbArray[y], function() {
            consol.log(check);
        });
    }
}

预期输出:

1
1
2
2
3
3

获得的输出:

3
3
3
3
3
3

Answer 1

您遇到的问题是recursive推迟了对回调函数的调用(可能是由于recursive内部的一些异步功能)，并且当回调函数最终执行时，check发生了变化。

您需要在闭包中绑定(bind)check，对此有几个选项和编码风格如何执行，但示例如下

for (var z = 0; z < modelArray.length; z++) {
    for (var y = 0; y < refurbArray.length; y++) {
        (function() {
           var check = modelArray[z];
           recursive(refurbArray[y], function() {
               consol.log(check);
           });
        })();
    }
}