'forループ'または 'プッシュ'が完了してから関数を実行するまで待つ

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

私は何をしようとしています。

約束を使わないと、簡単な解決策は、すべての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(); 
       } 
      } 
     }); 
    } 
}