如何解决$ q.all?

时间:2014-06-24 21:13:56

标签: javascript angularjs asynchronous q

我有2个函数,都返回承诺:

    var getToken = function() {

        var tokenDeferred = $q.defer();         
        socket.on('token', function(token) {
            tokenDeferred.resolve(token);
        });
        //return promise
        return tokenDeferred.promise;
    }

    var getUserId = function() {
        var userIdDeferred = $q.defer();
        userIdDeferred.resolve('someid');           
        return userIdDeferred.promise;
    }

现在我有一个主题列表,我希望在这两个承诺得到解决后立即更新

    var topics = {      
        firstTopic: 'myApp.firstTopic.',  
        secondTopic: 'myApp.secondTopic.',
        thirdTopic: 'myApp.thirdTopic.',
        fourthTopic: 'myApp.fourthTopic.',
    };

已解决的主题应如下myApp.firstTopic.someid.sometoken

var resolveTopics = function() {
    $q.all([getToken(), getUserId()])
    .then(function(){

        //How can I resolve these topics in here?

    });
}

1 个答案:

答案 0 :(得分:28)

$q.all创建一个承诺,当您承诺的任何承诺被拒绝时,您传递的所有承诺都会得到解决或拒绝。

如果你传递一个像你一样的数组,那么处理成功解析的函数将收到一个数组,每个项目是相同索引的promise的解析,例如:

  var resolveTopics = function() {
    $q.all([getToken(), getUserId()])
    .then(function(resolutions){
      var token  = resolutions[0];
      var userId = resolutions[1];
    });
  }

我个人认为传递all一个对象更具可读性,这样你就可以在你的处理程序中获得一个对象,其中值是相应promise的分辨率,例如:

  var resolveTopics = function() {
    $q.all({token: getToken(), userId: getUserId()})
    .then(function(resolutions){
      var token  = resolutions.token;
      var userId = resolutions.userId;
    });
  }