按顺序处理项目列表，并在所有步骤完成后返回“确定”（异步->同步）

Question

我对诺言和异步过程的概念感到头疼。 我已经订购了一个列表，并且想对每个项目都调用一个函数，等到第一个项目的第一个过程完成后，再进行第二，第三次等等。 而且只有在处理完每个项目之后，我才想继续主要过程。

以下是使主流程变得完美的代码。 因此，返回Q.all（promises）导致首先处理所有诺言，然后继续进行主要过程。 但是问题是，我需要同步处理项目（导航键）时是异步处理的：

function processPages(that) {
  var navs = [];
  Object.keys(that.navigation).map(function(key) {
    navs.push({key: key, order: parseInt(that.navigation[key].index)});
  });
  var promises = navs.sort(function(a, b) {
    return a.order - b.order;
  })
  .map(function(item) {
    return that.parsePage(item.key).then(function(page) {
      return page.sections.filter(function(section) {
        return section.type == 'normal';
      })
      .map(function(section) {
        collectStore(section, page, that);
      });
    });
  });
  return Q.all(promises);
}

以下是我修改项目以同步和正确顺序进行处理时的代码，但是现在主流程将不同步：

function processPages(that) {
  var navs = [];
  Object.keys(that.navigation).map(function(key) {
    navs.push({key: key, order: parseInt(that.navigation[key].index)});
  });
  var promises = navs.sort(function(a, b) {
    return a.order - b.order;
  })
  .reduce(function(previous, item) {
    return previous.then(function () {
      return that.parsePage(item.key).then(function(page) {
        return page.sections.filter(function(section) {
          return section.type == 'normal';
        })
        .map(function(section) {
          collectStore(section, page, that);
        });
      });
    });
  }, Q());
  return Q.all(promises);
}

有谁知道这里发生了什么以及在这种情况下如何正确使用promise？

附加信息

从初始化钩子调用processPages。 如果未使用promise（Q.all），则可能在完全处理init钩子之前触发页面钩子，我也不允许。 这就是我所说的“主要过程”。

module.exports =
{
  hooks: {
    "init": function() {
      var options = this.options.pluginsConfig['regexplace'] || {};
      options.substitutes = options.substitutes || {};
      // collects text replacement queries from plugin configuration
      options.substitutes.forEach(function (option) {
        patterns.push({re: new RegExp(option.pattern, option.flags || ''), 
                       sub: option.substitute,
                       decode: option.decode || false,
                       store: option.store || null,
                       unreset: option.unreset || false});
      });
      this.config.book.options.variables = this.config.book.options.variables || {};
      processPages(this);
    },
    "page": function(page) {
      var that = this;
      // process all normal sections in page
      page.sections.filter(function(section) {
        return section.type == 'normal';
      })
      .map(function(section) {
        collectStore(section, page, that, true);
      });
      return page;
    }
  }
};

该代码是GitBook插件代码的一部分。

Answer 1

从“ 了解带有示例的JavaScript承诺 ”（尤其是“链接”示例）中查看可运行的示例（来自Chrome的开发者控制台）。

根据您对...的描述， ...我已经订购了一个列表，并希望对每个项目都调用一个函数，等到第一个项目的第一个过程完成后，再进行第二个，第三个等等。处理完毕后，我想继续进行主要过程 。” ，

从算法的角度来看，您应该将多个promise“链接”在一起：

• 为每个项目创建一个承诺。 完成一项后，调用resolve（），以便then（）执行（链中的下一项）。
• 将“主流程”作为链中的最后一项。

在您将其应用于问题之前，建议您使用简单的示例测试/学习promise的执行流程-使其更易于理解。

希望这可以帮助！ :-)

Answer 2

解决方案就像更改一样简单：

processPages(this);

至

return processPages(this);

在初始化钩上。