JavaScript - 减慢循环

Question

我在控制器中有这些代码，它们使用 $http get 调用 webservice 来检索一些数据。下面是代码：

更新代码：

   var boolGetBoothCoords = false;
      BoothDesignatedCoordsService.getBoothDesignatedCoords(strListShortListedBooth[i], 3)

 .then(function(response) {
        var data = response.data
        console.log('data', data.arrBoothDesignatedCoords)
        boothDesignatedCoords = data.arrBoothDesignatedCoords;
        boolGetBoothCoords = true;
})

console.log("boothDesignatedCoords ", boothDesignatedCoords ); // undefined
// And a lot of other codes

但是，由于 $http get 是异步方法，程序会立即调用控制台日志和后面的代码，并且还没有定义 standDesignatedCoords。我不要那个。我希望程序仅在 Web 服务消费完成后才调用控制台日志和代码。所以我使用这个答案做了以下事情：how to slow down a javascript loop:

    go();
    function go() {
        console.log("hello");

        if (boolGetBoothCoords == false) {
            setTimeout(go, 1000);

        }
        else
        {

        }
    }
    go()

   console.log("boothDesignatedCoords ", boothDesignatedCoords ); // undefined
   // OTHER CODES that uses variable boothDesignatedCoords will be undefined     as well

但是，我不知道为什么它仍然会调用控制台日志，但是尽管使用了这种方法，但是Web服务消费还没有完成。有人可以帮帮我吗？谢谢。

Answer 1

setTimeout 是异步的，所以实际上调用go 函数并没有什么不同。

会发生什么：

• 调用go()函数
• 在函数内部调用setTimeout - 这将安排go 在（大约）1 秒内被调用
• 之后立即致电console.log

您可能想要的是将您的console.log 像这样放在then 回调中：

var boolGetBoothCoords = false;
BoothDesignatedCoordsService.getBoothDesignatedCoords(strListShortListedBooth[i], 3)
  .then(function(response) {
    return response.data.arrBoothDesignatedCoords;
  })
  .then(function(boothDesignatedCoords) {
    console.log("boothDesignatedCoords ", boothDesignatedCoords );
  });

---

另一个选项（不推荐）是将console.log 放在if 函数中if 语句的else 部分中。

在这种情况下，您还应该在整个代码 sn-p 之前定义boothDesignatedCoords。

Answer 2

应该在响应之后运行的代码，应该在响应之后调用。

var boolGetBoothCoords = false;

BoothDesignatedCoordsService.getBoothDesignatedCoords(
    strListShortListedBooth[i], 3)

.then(function(response) {
    var data = response.data
    console.log('data', data.arrBoothDesignatedCoords)
    boothDesignatedCoords = data.arrBoothDesignatedCoords;
    boolGetBoothCoords = true;
    codeThatUsesTheResponseData();
});
function codeThatUsesTheResponseData() {
    console.log("boothDesignatedCoords ", boothDesignatedCoords ); // undefined
    // And a lot of other codes
}