Javascript等待多种方法返回[重复]

Question

代码说明

我有一个从 html 输入中提取值并返回格式化地址的函数。我调用此函数两次，将每个地址存储到适当的变量中。一旦我转换了两个输入，我想调用另一个函数，function z。

ngAfterViewInit() {
    //get input elements, get the first tag within the ion-input tag
    this.searches.startSearch = document.getElementById("startSearch").getElementsByTagName('input')[0];
    this.searches.endSearch = document.getElementById("endSearch").getElementsByTagName('input')[0];


    var address1 = this.placeDecode(this.searches.startSearch)
    var address2 = this.placeDecode(this.searches.endSearch)


    this.methodZ(address1,address2);

}

 //method convertes input into formatted address
  private placeDecode(input : HTMLInputElement) {

    var location = input.value;

    var geoCode = new google.maps.Geocoder();

    geoCode.geocode({
      address: location
    }, function (result, status) {
      if (status === 'OK') {
        return result[0].formatted_address;

      } else {
        return null;
      }
    });
  }

问题

我遇到的问题是我只想在两个输入都转换后调用函数 Z。我曾尝试使用回调，但我无法在回调中调用 function z。

Answer 1

我并没有真正理解你的解释，但我想我理解了你的问题：你想等待两个函数结束，然后调用第三个函数，对吗？

这是一个异步问题，最好的解决方法是使用Promises。

在你调用了两次的方法中，将你的 return 语句更改为：

return Promise.resolve(/* your old return value here */);

现在，你可以调用它两次：

const callOne = myAsyncFunction(/* params */);
const callTwo = myAsyncFunction(/* params */);

最后，您可以等待两者都解决（并避免回调地狱）：

Promise.all([callOne, callTwo]).then(function(values) {
  console.log(values); // will contain an array of two items
});