角异步诺言未正确链接以回馈第一个调用以进行第二个调用

Question

我想在调用第二项服务之前返回一个邮政编码，以便-根据我的了解-我可以包装一个承诺，然后稍后再要求该承诺。 所以我想我将把第二项服务放在第一项服务的承诺之内。 但是链接承诺这种方式并不友好。

角工厂调用和内部工厂方法：

var userGeoPromise = userService.getGeoposition().then(function (geoposition) {
    vm.geoposition = geoposition;
            return addressService.reverseGeocode(geoposition.coords);
    }).then(function (data) {
            vm.currentLocation = googleService.googleAddressComponentsToAddress(data.results[0]);
            zipCodeCurrent = vm.currentLocation.zip;
    });

注意上面的两件事：

1. 我将承诺分配给var userGeoPromise
2. 设置了zipCodeCurrent ，其中包含邮政编码

承诺测试工作正常：

userGeoPromise.then( function() {
      console.log('should always show', zipCodeCurrent);
});

第二次服务电话：

userGeoPromise.then( function() {
     var serviceBase = "http://localhost:2295/api/getservicezip/"+ zipCodeCurrent;
     var serviceZipPromise = $http.get(serviceBase);
     return serviceZipPromise.then(function (results) {
          console.log('serviceZipPromise', results);
          return results.data;
     });
});

但是现在当我将serviceZipPromise.then ... 放入另一个promise时，站点模式只是旋转了。

Answer 1

切换顺序并添加2个单独的错误处理程序（顺便说一句，这是一个好习惯）

  var serviceZipPromise = $http.get(serviceBase);  // call up 
        return serviceZipPromise.then(function (results) {
            console.log('should always show', zipCodeCurrent);
            userGeoPromise.then(function () {
                //console.log('serviceZipPromise', results);
                console.log('inside servicezip ', zipCodeCurrent);

            }, function (err) {  // error from userGeoPromise
                console.log(err);
            });

             return results.data;  // THIS will return the data
        }, function (err) { // outer error,  this was switched 
            console.log(err);

        });

这应该不会出错，但是为了使您的真实serviceBase最终使用邮政编码，您可能需要稍后再执行它

为您更新答案

  // created part of the api call
  var xserviceBase = "http://localhost:2295";  // this looks to be your base

  return userGeoPromise.then(function(){
       return $http.get(xserviceBase + '/api/getserviceablezip/' + zipCodeCurrent).then(function(results){
             return results.data;
       })
  });

是的，我知道3个退货看起来有点讨厌，但是应该可以

Answer 2

在then回调中，您应该返回结果值，而不是将其分配给zipCodeCurrent （或任何其他变量）。 您在第一个then回调中正确地做到了这一点，但是在第二个中应该应用相同的原理：

var userGeoPromise = userService.getGeoposition().then(function (geoposition) {
    vm.geoposition = geoposition;
    return addressService.reverseGeocode(geoposition.coords);
}).then(function (data) {
    vm.currentLocation = googleService.googleAddressComponentsToAddress(data.results[0]);
    return vm.currentLocation.zip; // *** return it
});

注意：我没有碰到vm属性的分配，但是通常您应该避免对那些（显然）存在于这些回调函数范围之外的变量进行突变。

Promise测试如下所示：

userGeoPromise.then( function(zipCodeCurrent) { // *** add the argument
    console.log('should always show', zipCodeCurrent);
});

^第二个服务有一个嵌套的then调用，这是可以避免的。 而不是在嵌套的中间promise上调用then ，而是返回该promise，然后将then应用于主promise链：

userGeoPromise.then( function(zipCodeCurrent) { // *** add the argument as in the test
    var serviceBase = "http://localhost:2295/api/getservicezip/"+ zipCodeCurrent;
    return $http.get(serviceBase); // *** return the promise
}).then( function (results) { // *** move the then-callback to the outer chain
    console.log('serviceZipPromise', results);
    return results.data;
}).catch( function (error) { // *** add error handling at the end of the chain
    console.log('error occurred:', error);
});

请注意嵌套级别永远不会超过1。