是否有可能简化承诺中的承诺解决?

时间:2017-02-01 17:54:52

标签: javascript webpack ecmascript-6 es6-promise webpack-2

我找到了一种异步加载模块的方法,但结果看起来有些可怕。

export default Promise.all([
    // asynchronously load modules:
    System.import('./details.js'),
    System.import('./chartHelper.js'),
    System.import('./dateHelper.js')
]).then(promises => {
    // modules returned promises, so resolve them:
    Promise.all([
        promises[0].default,
        promises[1].default,
        promises[2].default
    ]).then(modules => {
        // assign modules to variables:
        var details = modules[0];
        var chartHelper = modules[1];
        var dateHelper = modules[2];

        /* ...code dependent on loaded modules... */
    });
});

有没有办法简化这个?

例如,如果原始承诺的回应也是一个承诺,是否有一个分析糖来解决承诺的结果?或者我可以在这里至少使用命名属性而不是数组索引吗?

2 个答案:

答案 0 :(得分:2)

你可以提高可读性:

export default Promise
  .all(
    ['details', 'chartHelper', 'dateHelper']
      .map(m => (
        System.import(`./${m}.js`).then(m => m.default)
      ))
  )
  .then(([details, chartHelper, dateHelper]) => {

    console.log({details, chartHelper, dateHelper});
  })
;

答案 1 :(得分:1)

这算得上更简单吗?

export default Promise.all([
    // asynchronously load modules:
    System.import('./details.js'),
    System.import('./chartHelper.js'),
    System.import('./dateHelper.js')
]).then(promises => 
    Promise.all(promises.map(promise => promise.default))
).then([details, chartHelper, dateHelper] => {
    /* ...code dependent on loaded modules... */
});

(顺便提一下,你有一个小错误:你实际上没有从第二个Promise.all()返回值。)