javascript - 如何重新构造这个 for 循环，以便在异步 api 调用完成之前不会发生下一次迭代

Question

所以下面我们有一个像 school[key] = value 这样的数组。

for(key in schools) {
        geocoder = new google.maps.Geocoder();
        var address = schools[key];
        var org_code = key;
        geocoder.geocode({ 'address': address}, function(results, status) {
             //callback function
        })
}

我需要在回调函数中使用 key/org_code，但显然 for 循环的迭代速度比 geocode api 调用完成的速度更快，因此在回调函数中使用了不正确的键。

我尝试使用 array.shift 将上面的内容重写为函数并在回调中使用该函数，但我无法做到这一点……一方面，我无法使用该方法访问密钥。

Answer 1

您可以使用闭包：

for(key in schools) {
    (function(key) {
        geocoder = new google.maps.Geocoder();
        var address = schools[key];
        var org_code = key;
        geocoder.geocode({ 'address': address}, function(results, status) {
            //callback function
        })
    })(key)
}

Answer 2

使用立即调用的函数表达式来创建闭包，为每次迭代确定变量的范围：

for (key in schools) {
    geocoder = new google.maps.Geocoder();
    var address = schools[key];
    var org_code = key;
    (function(address, org_code) {
        geocoder.geocode({
            'address': address
        }, function (results, status) {
            //callback function
        })
    })(address, org_code);
}

Answer 3

使用闭包的另一个建议：

for(key in schools) {
    geocoder = new google.maps.Geocoder();
    var address = schools[key];
    var org_code = key;
    geocoder.geocode({ 'address': address }, function(org_code, address) {
        return function (results, status) {
            // use address and org_code here
        };
    }(org_code, address))
}

Answer 4

使用递归函数。获得关键 - 重新格式化学校阵列。

var geocoder = new google.maps.Geocoder();

function geocodeNext(sch) {
  var item = sch.shift();
  var address = item['address'];
  var key = item['key'];
  geocoder.geocode({ 'address': address}, function(results, status) {
    //do something with key
    geocodeNext(sch);
  })
}

var schools1 = [];
for var (key in schools) {
  schools1.push({'address': schools[key], 'key': key});
}

geocodeNext(schools1);