Javascript，在promise中调用函数

Question

代码说明

我有一个名为placeDecode的函数，它接受一个HTML输入元素。在函数中，我有一个将输入值转换为格式化地址的承诺。

我两次调用placeDecode，检查两个调用的时间是否已解决我使用Promise.all，检查每个函数调用。当我尝试调用函数viewResult时出现问题，我发现Cannot read property 'viewresult' of undefined错误。

代码

  //call function twice
    var startAddress = this.placeDecode1(this.searches.startSearch);
    var endAddress = this.placeDecode1(this.searches.endSearch);
  
    //promise all
    Promise.all([endAddress,startAddress]).then(function(values) {
      this.viewResult(values);

    }).catch(function(result){
      console.log(result);
    })

    console.log('hit');
  }


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

    var result = new Promise(function(resolve, reject) {
      var location = input.value;

      var geoCode = new google.maps.Geocoder();
      geoCode.geocode({
        address: location
      }, function(result,status){
        if(status == 'OK'){
          console.log(result[0].formatted_address);
          resolve(result[0].formatted_address);
        }
      })
    });

    return result;

  }

问题

我遇到的问题是当我打电话给this.viewResult(values);时，我得到了一个

Cannot read property 'viewResult' of undefined错误。

非常感谢

Answer 1

更改：

function(values) {
  this.viewResult(values);
}

致：

(values) => {
  this.viewResult(values);
}

更多

箭头功能绑定this based on outer scope。