等到'for loop'或'push'完成然后运行函数 - Javascript

Question

您好，我正在使用以下代码。我需要一些方法让脚本等到 clickButton() 完成后再运行 initialize()。或者也许等到推送完成？任何帮助，将不胜感激。谢谢

 $("#getButtonValue").click(clickButton);
 function clickButton() {
    for( i = 1; i < counter; i++){
        var geocoder = new google.maps.Geocoder();
        var address = $('#textbox' + i).val()
        geocoder.geocode( { 'address': address}, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                        latCoords.push(results[0].geometry.location.lat());
                        longCoords.push(results[0].geometry.location.lng());
            } 
        }); 
    }
    initialize();
 }

Answer 1

我明白你在做什么。

如果不使用 promise，一个简单的解决方法是创建一个计数器来查看所有 geocoder.geocode() 调用是否已完成。

$("#getButtonValue").click(clickButton);
function clickButton() {
    // A counter variable
    int completeCount = 0; 
    for( i = 1; i < counter; i++){
        var geocoder = new google.maps.Geocoder();
        var address = $('#textbox' + i).val()
        geocoder.geocode( { 'address': address}, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                latCoords.push(results[0].geometry.location.lat());
                longCoords.push(results[0].geometry.location.lng());

                // Increment completeCount
                completeCount++; 

                // If all geocoder.geocode() calls received an "OK", initialize()
                if (completeCount == counter) {
                    initialize();
                }
            } 
        }); 
    }
}