JS Promise 回调：获取命名参数而不是数组答案

【问题标题】：JS Promise Callbacks: Get named params instead of arrayJS Promise 回调：获取命名参数而不是数组
【发布时间】：2017-03-27 16:03:53
【问题描述】：

我有两个异步调用，我想（在某种程度上）将来自调用 1 的响应与来自调用 2 的响应合并到一个对象中。

下面的代码执行此/工作。我的问题：有没有办法让Promise.all 的回调参数更具可读性？在这种情况下，我真的不喜欢使用数组。

function getOptions() {

      let programRequest = someAsynFunc(...);
      let overviewTypeRequest = someOtherAsynFunc(...);

      return Promise.all([programRequest, overviewTypeRequest]).then(values => {
          return {
              programs: values[0],
              overviewTypes: values[1]
          }
      });

  }

【问题讨论】：

Best es6 way to get name based results with Promise.all的可能重复

标签： javascript callback es6-promise

【解决方案1】：

看看数组解构。你可以这样做：

return Promise.all([programRequest, overviewTypeRequest])
  .then(([programs, overviewTypes]) => {
    return {
      programs,
      overviewTypes,
    }
  });

由于变量与您的对象属性同名，您还可以利用对象简写表示法。

供参考：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer

【讨论】：

神赞ES6！

【解决方案2】：

是的：使用 ES6 解构：

Promise.all([...]).then(([programs, overviewTypes] => ({programs, overviewTypes}));
//                       ^ destructuring               ^ short object literal syntax

【讨论】：