Question

我在构建一个根据用户位置坐标提供天气数据的应用时，已经开发了以下代码（也可在此代码集http://codepen.io/PiotrBerebecki/pen/QNVEbP中找到）。

用户的位置将由getCoordinatesMethod1()功能提供。但是，如果失败，则应通过getCoordinatesMethod2()函数传递位置。

如何将getCoordinatesMethod2()添加到promises链（位于底部），以便仅在getCoordinatesMethod1()无法提供位置时使用？

此外，为了使应用程序更加健壮，我可能会添加更多方法来获取位置数据，因此链逻辑也应该能够容纳它。

// The first method to get user location coordinates.
function getCoordinatesMethod1() {
  return $.ajax('http://wwww.example.com/coordinates-method-1.json');
}

// The second method to get user location coordinates.
// This should only be used if method 1 fails to deliver coordinates.
function getCoordinatesMethod2() {
  return $.ajax('http://wwww.example.com/coordinates-method-2.json');
}

// Function which provides weather data depending on user coordinates.
function getCurrentWeather(latitude, longitude) {
  return $.ajax('http://www.example.com/lat=' + latitude + '&lon=' + longitude + 'weather.json');
}

// Promises chain
getUserCoordinates1().then(function(locationData) {
  return getCurrentWeather(locationData);
  }).then(function(weatherData) {
    return showCurrentWeather(weatherData);
  })

Answer 1

您可以创建一个调用第一个方法的函数，如果返回promise拒绝，则调用第二个方法：

function getCoordinateBoth() {
   return getCoordinatesMethod1().then(null, getCoordinatesMethod2);
}

如果实际上有参数传递给这些函数，那么你可以像这样传递这些参数：

function getCoordinateBoth(/* args here */) {
   var args = Array.prototype.slice.call(arguments);
   return getCoordinatesMethod1.apply(null, args).then(null, function() {
       return getCoordinatesMethod2.apply(null, args)    
   });
}

你甚至可以在数组中使用这些函数，因此它是无限可扩展的：

// Put list of functions to be call as a chain until one succeeds
// You can just add more functions here as long as each returns a promise
//    and expects the same arguments
var getCoordFunctions = [getCoordinatesMethod1, getCoordinateMethod2, getCoordinateMethod3];

function getCoordinateChain(/* args here */) {
   var args = Array.prototype.slice.call(arguments);
   var fnArray = getCoordFunctions.slice(0);
   var firstFn = fnArray.shift();
   fnArray.reduce(function(p, fn) {
        return p.then(null, function() {
            return fn.apply(null, args);
        });
   }, firstFn.apply(null, arguments));
}

你甚至可以将它作为通用的承诺链功能：

function chainUntilResolve(array /* other args here */) {
   var args = Array.prototype.slice.call(arguments);
   // toss first arg
   args.shift();
   // make a copy of array of functions
   var fnArray = array.slice(0);
   // remove first function from the array
   var firstFn = fnArray.shift();
   fnArray.reduce(function(p, fn) {
        return p.then(null, function() {
            return fn.apply(null, args);
        });
   }, firstFn.apply(null, arguments));
}


var getCoordFunctions = [getCoordinatesMethod1, getCoordinateMethod2, getCoordinateMethod3];

chainUntilResolve(getCoordFunctions, arg1, arg2).then(function(data) {
    // process data here
}, function(err) {
    // error here
});

如何在使用其他承诺时考虑ajax调用中的错误

1 个答案: