JS で async await をエレガントに使用する方法

$.ajax( "/xxx" )
  .done(関数() {
    // 成功しました!!! 何かしてください...
  })
  .fail(関数() {
    // 失敗!!! 何かしてください...
  })
  .always(関数() {
    // 読み込みが完了しました。
  });

$.ajax('/xxx1')
  .done(関数() {
    // 成功しました!!! 何かしてください...
    $.ajax('/xxx2')
      .done(関数() {
        // 成功しました!!! 何かしてください...
        $.ajax('/xxx3')
          .done(関数() {
            // 成功しました!!! 何かしてください...
            $.ajax('/xxx4')
              .done(関数() {
                // 成功しました!!! 何かしてください...
                $.ajax('/xxx5')
                  .done(関数() {
                    // 成功しました!!! 何かしてください...
                    // もっと...
                  })
                  .fail(関数() {
                    // 失敗!!! 何かしてください...
                  })
                  .always(関数() {
                    // 読み込みが完了しました。
                  });
              })
              .fail(関数() {
                // 失敗!!! 何かしてください...
              })
              .always(関数() {
                // 読み込みが完了しました。
              });
          })
          .fail(関数() {
            // 失敗!!! 何かしてください...
            $.ajax('/xxx6')
              .done(関数() {
                // 成功しました!!! 何かしてください...
                $.ajax('/xxx7')
                  .done(関数() {
                    // 成功しました!!! 何かしてください...
                    // もっと....
                  })
                  .fail(関数() {
                    // 失敗!!! 何かしてください...
                  })
                  .always(関数() {
                    // 読み込みが完了しました。
                  });
              })
              .fail(関数() {
                // 失敗!!! 何かしてください...
              })
              .always(関数() {
                // 読み込みが完了しました。
              });
          })
          .always(関数() {
            // 読み込みが完了しました。
          });
      })
      .fail(関数() {
        // 失敗!!! 何かしてください...
      })
      .always(関数() {
        // 読み込みが完了しました。
      });
  })
  .fail(関数() {
    // 失敗!!! 何かしてください...
  })
  .always(関数() {
    // 読み込みが完了しました。
  });

r1 を待機します。
（r1.xxx === 1）の場合{
  r2 を待機します。
  r3 を待機します。
  // 何かをする....
} それ以外 {
  r4 は r1 を待機します。
  r5 は r4 を待機します。
  // 何かをする....
}
// 何かをする....

r1 とします。
試す {
  r1 = doSomthing1() を待機します。
} キャッチ (e) {
  // 何かをする...
  戻る;
}
もし（r1）{
  （r1.xxx === 1）の場合{
    r2とします。
    試す {
      r2 = doSomthing2(r1) を待機します。
    } キャッチ (e) {
      // 何かをする...
      戻る;
    }
    (r2) の場合 {
      r3 とします。
      試す {
        r3 = doSomthing3(r2) を待機します。
      } キャッチ (e) {
        // 何かをする...
        戻る;
      }
      // 何かをする...
    }
  } それ以外 {
    r4 とします。
    試す {
      r4 = doSomthing4(r1) を待機します。
    } キャッチ (e) {
      // 何かをする...
      戻る;
    }
    (r4) の場合 {
      r5 とします。
      試す {
        r5 = doSomthing5(r4) を待機します。
      } キャッチ (e) {
        // 何かをする...
        戻る;
      }
    }
    // 何かをする...
  }
  // 何かをする...
}

/**
 * 非同期操作の完了を表します
 */
インターフェース Promise<T> {
    /**
     * Promise の解決および/または拒否のためのコールバックを添付します。
     * @param onfulfilled Promise が解決されたときに実行されるコールバック。
     * @param onrejected Promise が拒否されたときに実行するコールバック。
     * @returns 実行されたコールバックの完了を示す Promise 。
     */
    then<TResult1 = T, TResult2 = never>(onfulfilled?: ((value: T) => TResult1 | PromiseLike<TResult1>) | undefined | null, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | undefined | null): Promise<TResult1 | TResult2>;

    /**
     * Promise の拒否のみのコールバックを添付します。
     * @param onrejected Promise が拒否されたときに実行するコールバック。
     * @returns コールバックの完了に対する Promise。
     */
    catch<TResult = never>(onrejected?: ((reason: any) => TResult | PromiseLike<TResult>) | undefined | null): Promise<T | TResult>;
}

関数 any(promise) {
  promise.then((v) => v).catch((_) => null); を返します。
}

関数 any(promise) {
  返品の約束
    .then((v) => ({ ok: v, hasErr: false }))
    .catch((e) => ({ err: e, hasErr: true }));
}

const r = any(doSomething()) を待機します。
r.hasErrの場合{
  コンソールログに出力します。
  戻る;
}
コンソールにログ出力します。

// 以下は最新のコードです/**
 * @param { プロミス } プロミス
 * @param { Object= } errorExt - errオブジェクトに渡すことができる追加情報
 * @return { プロミス }
 */
エクスポート関数を<T, U = エラー> (
  プロミス: Promise<T>,
  errorExt?: オブジェクト
): Promise<[U, undefined] | [null, T]> {
  返品の約束
    .then<[null, T]>((データ: T) => [null, データ])
    .catch<[U, 未定義]>((err: U) => {
      if (errorExt) {
        オブジェクトにerrを代入します。
      }

      [err, undefined]を返します。
    });
}

エクスポートのデフォルト;

'await-to-js' からインポートします。
// CommonJS (つまり NodeJS 環境) を使用する場合は、次のようになります。
// 定数 to = require('await-to-js').default;

非同期関数 asyncTaskWithCb(cb) {
     err、user、savedTask、notification を実行します。

     [ err, user ] = (UserModel.findById(1)) を待機します。
     if(!user) return cb('ユーザーが見つかりません');

     [ err, savedTask ] = await to(TaskModel({userId: user.id, name: 'Demo Task'}));
     if(err) return cb('タスクの保存中にエラーが発生しました');

    通知が有効になっている場合
       [ err ] = await to(NotificationService.sendNotification(user.id, 'タスクが作成されました'));
       if(err) return cb('通知の送信中にエラーが発生しました');
    }

    保存されたタスクの割り当てユーザーIDがユーザーIDと等しい場合、
       [ err, notification ] = await to(NotificationService.sendNotification(savedTask.assignedUser.id, 'タスクが作成されました'));
       if(err) return cb('通知の送信中にエラーが発生しました');
    }

    cb(null、保存されたタスク);
}

非同期関数 asyncFunctionWithThrow() {
  const [err, user] = (UserModel.findById(1)) を待機します。
  if (!user) throw new Error('ユーザーが見つかりません');
  
}

const [, 結果] = (iWillSucceed()) を待機します。