javascript – 按顺序返回承诺

2023年3月23日 157次阅读

我正面临着使用
$q#all方法返回承诺的问题.

我想做出相互依赖的承诺,即：

如果我设置obj1,obj2和obj3,我想以相同的顺序获取它们.

我怎样才能做到这一点？

厂：

mainFactory.$inject = ['$http', '$q'];

function mainFactory($http, $q) {
  var mainFactory = {
    getPromises: getPromises
  };

  return mainFactory;

  function getPromises(id) {
    promises = {
      'obj1': $http.get('http1'),
      'obj2': $http.get('http2'),
      'obj3': $http.get('http3'),
      'obj4': $http.get('http4', { params: { 'id': id } }),
      'obj5': $http.get('http5'),
      'obj6': $http.get('http6', { params: { 'id': id } })
    };

    return $q.all(promises);
  }
}

控制器：

MainCtrl.$inject = ['mainFactory'];

function MainCtrl(mainFactory) {
  var vm = this;
  mainFactory.getPromises(id)
    .then(getResponse)
    .catch(getError);

  function getResponse(response) {
    var keys = Object.keys(response), i = keys.length;
    while (i--) {
      var key = keys[i];
      console.log(key); // I want all the keys in order, i.e. => obj1, obj2.. and so on
      var value = response[key].data;
      switch(key) {
        ...
      }
    }
  }

  function getError(error) {
    console.log(error);
  }
}

编辑：

我也尝试过这种方式：

var promises = {};
return $http.get('/admin/http1.json').then(function (value) {
    promises['obj1'] = value;
  })
.then(function (result) {
    return $http.get('/admin/http2.json').then(function (value) {
    promises['obj2'] = value;
  });
}).then(function (result) {
    return $http.get('/admin/http3.json').then(function (value) {
    promises['obj3'] = value;
  });
});     
return $q.all(promises);

最佳答案 使用$q.all将按特定顺序解析每个承诺.如果您希望在每个promise解决后执行它们,请使用promise chaining.

function getPromises(id) {
  var getObjA = function () {
    return $http.get('http1');
  };

  var getObjB = function () {
    return $http.get('http2');
  };

  var getObjC = function () {
    return $http.get('http3');
  };

  var getObjD = function () {
    return $http.get('http4', { params: { 'id': id } });
  };

  var getObjE = function () {
    return $http.get('http5');
  };

  var getObjF = function () {
    return $http.get('http5', { params: { 'id': id } });
  };

  return getObjA()
    .then(getObjB)
    .then(getObjC)
    .then(getObjD)
    .then(getObjE)
    .then(getObjF);
}

编辑：作为附加信息,您可以通过在此处放置catch语句来捕获任何这些承诺中的任何错误

getPromises("id")
   .then(<success callback here>)
   .catch(<error callback that will catch error on any of the promises>);

意思是,一旦承诺失败,下面的所有后续承诺都不会被执行,并且会被你的catch语句捕获

点赞