为什么我不能将这些项目保存到 jquery 中的数组中

Question

我认为下面的代码中存在范围问题，但我正在尝试将地理编码回调函数返回的值保存到折线数组中，但是当我运行 console.log 时，该数组为空。

var addPolyline = function(map, line) {

        var polyline = [];

        $.each(line, function(index, address){

            geocode(address, function(latlng){
                polyline.push(latlng);
                console.log(polyline);
            });

        });

        console.log(polyline);
    }

谁能告诉我如何将回调函数中的元素添加到数组中？谢谢

编辑： 点被添加到折线数组中，但是 console.log(polyline) 在 $.each 完成之前被执行。我需要想办法等到它完成。

Edit2：一位响​​应者说要使用回调。我用下面的代码尝试了这个，但是在 $.each 完成之前回调（折线）仍在执行。

    var addPolyline = function(map, line) {

        formatPolyline(line, function(polyline){
            console.log(polyline);
        });
    }

    var formatPolyline = function(line, callback) {

        var polyline = [];

        $.each(line, function(index, address){

            geocode(address, function(latlng){
                polyline.push(latlng);
                console.log(polyline);
            });

        });

        callback(polyline);
    }

Answer 1

地理编码是“非阻塞”或“异步”，这意味着程序将在地理编码完成之前继续执行。这就是console.log(polyline) 记录一个空数组的原因。

解决方案是使用回调。

下面的代码使用一个计数器，该计数器在每次地理编码回调时递增。在最后一次地理编码调用中；调用 myCallback 函数，您可以在其中放置您喜欢的任何代码。

var addPolyline = function(map, line) {

    var polyline = [],
        total = $(line).length,
        count = 0,
        myCallback = function(){
            console.log(polyline);
        };

    $.each(line, function(index, address){
        geocode(address, function(latlng){
            polyline.push(latlng);
            count++;
            if(count === total){
                myCallback();
            }
        });
    });
}