如何在異步回調函數中中斷For循環

Question

我正在嘗試打破異步回調內的嵌套for循環，但無法這樣做：

function asyncCall(id, OnComplete) {
    // id..
    context.executeQueryAsync(OnSuccess, OnFailure);

    function OnSuccess(sender, args) {
        OnComplete(userInGroup);
    }

    function OnFailure(sender, args) {
        console.error("Doesn't Exist!")
    }
}

function callApi() {
    //response from intial call
    for (var key in response) {
        var data = response[key];
        (function (innerData) {
            if (innerData) {
                renderHTML(innerData);
            }
        })(data);
    }
}

function renderHTML(data) {
    for (var key in data) {
        var index = data[key];
        (function (innerData, id) {
            asyncCall(id, function (isFound) {
                if (isFound)
                    break; //break loop
            });
        })(data, index);
    }
}

callApi();

我想打破循環，如果屬性isFound的值在響應中為true，並且只想在ES5中實現此目的，或者像同步調用之類的任何變通方法都可能有所幫助。

Answer 1

你不能

循環將在到達break之前完成。

唯一的方法是串行而不是並行運行asyncCall每次調用。 （例如，通過從傳遞給上一個回調函數的回調函數中調用下一個）。

Answer 2

正如Quentin所說，你不能。

但是，如果要防止發生進一步的回調，則可以設置一個變量，以防止發生回調。

let isFound = false;

function asyncCall(id, OnComplete) {
  // id..
  context.executeQueryAsync(OnSuccess, OnFailure);

  function OnSuccess(sender, args) {
      if(isFound) return;
      isFound = true;
      OnComplete(userInGroup);
  }

  function OnFailure(sender, args) {
      console.error("Doesn't Exist!")
  }
}