javascript - 在循环内 promise 后返回数组

Question

我试图在运行一个循环并每次都调用 promise 后汇总响应。但是，该函数不会等待所有 promise 完成并返回未定义。

getAllPluginImpls(): DesktopPluginDefinitionImpl[] {
    let pluginArray: DesktopPluginDefinitionImpl[] = [];
    let promises = [];
    Array.from(this.pluginMap.keys()).forEach(id =>
      promises.push(this.pluginManager.findPluginDefinition(id).then(
        def => {
          console.log("id");
          console.log(id);
          console.log("def");
          console.log(def);
          let pluginImpl = def as DesktopPluginDefinitionImpl;
          pluginArray.push(pluginImpl);
        }
      )
    )
    );
    Promise.all(promises).then(s => {
      console.log("end reached :(");
      console.log(pluginArray);
      return pluginArray;
    });

  }

Answer 1

首先，您应该返回 Promise<DesktopPluginDefinitionImpl[]> ，其次，正如评论中指出的那样，通过避免使用 .forEach() 可以大大简化方法的复杂性。至 .push()范围数组中的条目。

getAllPluginImpls(): Promise<DesktopPluginDefinitionImpl[]> {
  const pluginArray: Promise<DesktopPluginDefinitionImpl>[] = Array.from(
    this.pluginMap.keys(),
    id => this.pluginManager.findPluginDefinition(id)
  );

  return Promise.all(pluginArray);
}

澄清一下，Promise<DesktopPluginDefinitionImpl>[] 不是错字。 Promise.all()将 promise 数组转换为数组的 promise。