2つの約束をトリガし、条件付きで1つを待つ方法

Question

例：私はウェブサイトの「新しいアカウントを作成する」ページにいます。アカウントを作成する前に、私は指定された電子メールが迷惑メール（つまり、test@test.com）かどうかを判断する必要があります。

function emailIsValid(): JQueryPromise<boolean> { ... } 
function getPotentialDuplicates(): JQueryPromise<IDupResults> { ... } 

：私はまた、代わりに新しいもの（多分アドレスがすでに存在している、など）これらはように定義されているのに使用されなければならない可能アカウントのリストを返すバック、アカウントがすでに存在するかどうかを決定する必要があります仮説的に、getPotentialDuplicatesコールでは、超低速の実際に古いデータベースをチェックして、完了までに3〜5秒かかりますが、emailIsValidは通常4秒かかります。したがって、私は、この結果は、このアクションツリーによって定義されていると同時に、これらの呼び出しの両方をキックオフしたいと思います：

• の場合 - 最初getPotentialDuplicatesリターン：
  • 待ちemailIsValidのためならば
  • を返すために、 - 電子メールは有効です。
    1. 場合 - 何DUPのが発見されていない、そうで
    2. アカウントを作成する - ユーザーにショーDUPの。エルス
  • - まずemailIsValidリターン - エルス
• dupResultsを無視し、 "メールが無効です" と表示さ： - 電子メールが有効な場合
  • を：getPotentialDuplicates
  ため
  1. 待ち
  2. ダブが見つからない場合、アカウントの作成
  3. Else - ユーザーにダップを表示します。
  エルス
  • からgetPotentialDuplicates待つと、「メールが無効である」表示しない

現在、私はwhen.doneを使用していますが、これは仕上げの両方を待ちます。これを定義する簡単な方法はありますか？

Answer 1

どちらの場合でも、emailIsValidを待つ必要があります。したがって、

// kick off both 
const emailIsValidProm = emailIsValid(); 
const getPotentialDuplicatesProm = getPotentialDuplicates(); 

emailIsValidProm.then((res)=> { 
    if (res.invalid) { // if res in valid 
     return; 
    } 
    else { 
     // now wait for the other 
     return getPotentialDuplicatesProm 
    } 
}) 
.then(res=> { 
    if (!res) return; // email wasn't valid; 
    // The res is for `getPotentialDuplicatesProm 
    // USE it ! 
}) 

PS：Jqueryの約束を使用せず、標準のPromise APIを使用することを強くお勧めします。 https://basarat.gitbooks.io/typescript/content/docs/promise.html