在XMLHttpRequest循环完成之前停止代码执行

Question

您的Google Maps代码结构如下所示：

<script>
function initMap() {

}

var locations = 
[
        {lat: -31.563910, lng: 147.154312},
        {lat: -33.718234, lng: 150.363181}
]
</script>

<script async defer
    src="https://maps.googleapis.com/maps/api/js?key=API-key&callback=initMap" >
</script>

• 回调？
• JavaScriptpromise？
• 您能想到的其他方法吗？

同样，这里所建议的信号量是一种可行的方法吗？

Answer 1

function initMap() {
  var xhr= new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     LoadGoogleMaps();
    }
  };
  xhr.open();//<-- Your parameters go here
  xhr.send();
}

function LoadGoogleMaps(){
  // Logic to load maps
}

标准XHR文档可在以下网址找到:http://www.w3schools.com/xml/ajax_intr.asp

从概念上讲，信号量是一个很好的想法，但有时却很难实现。通常在javascript中，最佳实践是尽可能使用回调或promise。