javascript - 如何使用 angular2 和 typescript 链接 3 个 Promise

Question

我已经成功地链接了 promise，但我发现我做这件事的方式足够复杂:我想知道是否有更优雅的方式来做到这一点。

我使用 Angular2、Typescript 和 signalR。

我有一个服务 getIntervention，它通过 Id 从服务器返回一个对象。

在调用 getIntervention 之前，我想检查要连接到服务器的客户端，在连接到服务器之前，我想要加载 SignalR 脚本。

所以我创建了第一个 promise scriptLoadedPromise，它等待加载 SignalR 脚本。当 scriptLoadedPromise 被解析时，一个新的 promise connectionPromise 被创建，等待连接被建立。

当 connectionPromise 被解析时，调用服务 getIntervention。

对于每个 promise ，我添加了名为 scriptLoaded 和 connectionDetected 的回调，它们调用 resolve()。

这是我的代码:

public loadIntervention( numFI : number ) : Promise<Intervention>
{

    let scriptLoadedPromise : Promise<Intervention> = new Promise( ( resolve, reject ) =>
    { 
        // si le script est chargé alors la promesse est déjà tenue
        if ( this.isScriptLoaded )
            resolve();
        else
            this.scriptLoaded = ( () => { resolve(); } ) ;
    }).then
    ( () => {
        let connectionPromise : Promise<Intervention> = new Promise( (resolve, reject) =>
        {
            // si le serveur est connecté alors la promesse de connection est déjà tenue
            if ( this.Connected )
                resolve();
            else
                this.connectionDetected = ( () => { console.log("RECONNETED !!!!!"); resolve(); } );

        } )
        .then( ()  => { return this.proxy.server.getIntervention( numFI ); } );

        return connectionPromise;
    });


    return scriptLoadedPromise;
}

有没有办法简化 3 个 promise 链接在一起的实现？

Answer 1

如果这些 promise 相互依赖，则它类似于您已经创建的 promise 。您可以通过将逻辑放入单独的方法中来增强它的代码风格，例如

private firstAction():Promise<any> {
  return new Promise<any>(
    (resolve, reject) => { ... }
  );
}
private secondAction():Promise<any> {
  return new Promise<any>(
    (resolve, reject) => { ... }
  );
}
execute() {
  this.firstAction().then(
    (firstResult:any) => this.secondAction().then(
      (secondResult:any) => { ... }
    );
  )
}

如果允许并行执行 promise，您可以使用 Promise.all()，例如

execute() {
  let promises:Promise<any>[] = [];
  promises.push(this.firstAction());
  promises.push(this.secondAction());

  Promise.all(promises).then(
    () => { ... }
  );
}