javascript - AngularJs 将 promise 响应作为参数传递给函数

Question

我遇到了一个小困境。在这个 angularJs 应用程序 (1.3.7v) 中，我从服务器获取需求和用户元素并执行一些前端验证。看起来像这样:

validationFunction = function(userId){
  return new Promise(function(resolve, reject){
    Promise.all([
      requirementService.requirementApi.requirements.getAll().$promise,
      userBelongingsService.userBelongingsApi.getAll(userId).$promise
    ]).then(function(requirements,belongings){
      console.log(requirements, belongings);
      resolve(isValid(requirements,  belongings));
    }).catch(function (err) {
      reject(err);
    });
  });
}

仅供引用，我也尝试过

validationFunction = function(userId){
  return new Promise(function(resolve, reject){
    requirementService.requirementApi.requirements.getAll().$promise.then(function(requirements) {
      return [requirements, userBelongingsService.userBelongingsApi.getAll(userId)];
    }).then(function(requirements,belongings){
      console.log(requirements, belongings);
      resolve(isValid(requirements,  belongings));
    }).catch(function (err) {
      reject(err);
    });
  });
}

这些 promise 是异步的，因此它们只能在稍后得到解决。但如果与 .then() 一起使用，它应该等到它们被解决(拒绝或解决)。尽管在这两种方法中，当它们被传递给函数时， promise (在某些时候)都得到了解析，但它们并不是。因此该函数失败并表示它们未定义。那么还有什么其他方法或者我错过了什么吗？ :)

Answer 1

您的代码可以简化为

validationFunction = function(userId){
    return Promise.all([
        requirementService.requirementApi.requirements.getAll().$promise,
        userBelongingsService.userBelongingsApi.getAll(userId).$promise
    ]).then(function([requirements,belongings]){
        console.log(requirements, belongings);
        return isValid(requirements,  belongings);
    });
};

但是，其中包含一些 es2015+ 细节

所以，在不太现代的 JS 中

validationFunction = function(userId){
    return Promise.all([
        requirementService.requirementApi.requirements.getAll().$promise,
        userBelongingsService.userBelongingsApi.getAll(userId).$promise
    ]).then(function(results){
        console.log(results[0], results[1]);
        return isValid(results[0], results[1]);
    });
};

edit: sorry, I missed a ) in the above code originally

稍微扩展一下答案(被现实世界分散了注意力)-首先，正如@Bergi 指出的那样，避免 Promise constructor antipattern ! - 当您处理返回 promise 的函数时 (Promise.all, ....getAll().$promise, ....getAll( userId).$promise) 无需将所有内容包装在 new Promise

其次，使用单个参数(即解析值)调用 .then 的 onfulfilled 回调。对于 Promise.all 来说，这是一个解析值的数组，其顺序与它们在 Promise.all 参数中出现的顺序相同。这就是为什么 ES2015+ 版本可以使用 ([a, b]) 形式作为函数参数(抱歉，我不记得或找不到这种形式的“名称”)。需要注意的是，如果 Promise.all 数组中的任何一个 Promise 被拒绝，Promise.all 都会拒绝(第一个)被拒绝的 Promise 的拒绝值(这句话中有很多拒绝!)

您还可以删除代码中的 .catch 部分，因为错误处理可以(并且应该)由函数的调用代码来完成

validationFunction(someUserId)
.then(function(result) {
     // this will be the value of isValid(requirements,  belongings)
})
.catch(function(err) {
    // do some error handling here
});

最后，它是最 ES2015+ 的形式(我能想到的)

validationFunction = userId => Promise.all([
    requirementService.requirementApi.requirements.getAll().$promise,
    userBelongingsService.userBelongingsApi.getAll(userId).$promise
]).then(([requirements, belongings]) => isValid(requirements, belongings));