JavaScriptの約束は、最も賞賛された機(jī)能の1つです。言語に直接組み込まれたネイティブの非同期コンポーネントが新しい時代を開きました。これにより、エンコーディング方法が変更されただけでなく、他の強(qiáng)力なAPI（フェッチなど）の基盤も築きました。

約束が最初にリリースされたときに得られた機(jī)能と、次にどの新しい機(jī)能が得られるかを確認(rèn)しましょう。

約束の概念を理解していませんか？ Jake Archibaldの記事を入門書として強(qiáng)くお勧めします。

既存の機(jī)能

あなたが現(xiàn)在約束でできることを簡単に見てみましょう。 JavaScriptがPromiseを?qū)毪筏酷帷⒎峭诓僮鳏驅(qū)g行し、成功または障害に対応するAPIを提供します。これは、これらのデータまたは結(jié)果の価値についてまだ知らない特定のデータまたは結(jié)果に関連する関連を作成する方法です。

現(xiàn)在持っている約束の機(jī)能は次のとおりです。

約束を処理します

非同期メソッドが約束を返すときはいつでも（たとえば、Fetchを使用する場合）、約束が満たされたときthen() ）、 catch()を使用して拒否された約束（拒否）に応答することができます。

 fetch（ '// resource.to/some/data'）
  .then（result => console.log（ 'we got'、result.json（））））
  .catch（error => console.error（ 'エラーが発生した'、エラー）））

古典的なユースケースは、APIからデータを呼び出して、データが返されたときにデータをロードするか、データが見つからない場合はエラーメッセージを表示することです。

さらに、最初のバージョンでは、約束グループを処理する2つの方法を取得しました。

約束のコレクションの解析と拒否

約束が正常に解析されると、それを満たすことができます。エラーが解析されると、拒否される可能性があります。それが解析されない場合、それは保留中の狀態(tài)にあります。約束が解析されると、結(jié)果に関係なく完了したと見なされます。

したがって、取得する狀態(tài)の組み合わせに応じて、約束グループの行動を支援する2つの方法があります。

Promise.allは方法の1つです。すべての約束が正常に解析され、各約束の結(jié)果を含む配列を返す場合にのみ満たされます。約束の1つが失敗した場合、 Promise.all catchに入り、エラー理由を返します。

 Promise.all（[
    fetch（ '// resource.to/some/data'）、
    fetch（ '// resource.to/more/data'）
  ]））
  .then（results => console.log（ '結(jié)果の配列が得られます'、results））））
  .catch（error => console.error（「約束の1つが失敗した」、エラー））

この場合、コレクションのメンバーの1人がエラーをスローすると、 Promise.allは短絡(luò)してcatchに入り、すべての約束が満たされたら完了します。

Promiseステータスに関するDomenic Denicolaの短い記事をチェックして、その言葉遣いと概念の詳細(xì)をご覧ください。

また、 Promise.raceもあります。それは、それが満たされたり拒否されたりするかどうかにかかわらず、すぐに最初の約束に解決します。最初の約束が解析された後、殘りの約束は無視されます。

 promise.race（[
    fetch（ '// resource.to/some/data'）、
    fetch（ '// resource.to/other/data'）
  ]））
  .then（result => console.log（ 'First Promise soluted'、result）））
  .catch（理由=> console.error（ '約束の1つが失敗したため、'、理由））

新機(jī)能

わかりました、私たちは期待できる新しい約束の機(jī)能に注意を向けます。

Promise.Allsettled

家族に追加する次の提案はPromise.allSettledです。すべてのものは、名前が示唆するように、配列內(nèi)のすべてのコレクションメンバーが拒否されたり履行されたりするかどうかにかかわらず、保留狀態(tài)になくなった場合にのみ実行を続けます。

 Promise.allsettled（[
    fetch（ '// resource.to/some/data'）、
    fetch（ '// resource.to/Data'）、
    fetch（ '// resource.to/even/more/data'）
  ]））
  .then（results => {
    const fulfilled = results.filter（r => r.status === 'fulfilled'）
    const拒否= results.filter（r => r.status === '拒否'）
  }）

これはPromise.allとは異なることに注意してください。なぜなら、 catch Statementに入ることはないからです。これは、Webアプリケーションの別の部分を入力するデータセットを待っているが、結(jié)果ごとにより具體的な電子メールを提供したり、異なるアクションを?qū)g行したりする場合に最適です。

約束

次の新しいアプローチはPromise.anyです。これにより、コレクションの充実した約束に対応することができますが、すべての約束が失敗した場合にのみ短絡(luò)します。

 promise.ane（[[
    fetch（ '// resource.to/some/data'）、
    fetch（ '// resource.to/Data'）、
    fetch（ '// resource.to/even/more/data'）
  ]））
  .then（result => console.log（ 'データのバッチが到著しました'、結(jié)果））
  .catch（（）=> console.error（ 'すべての約束が失敗した'））

これは、 Promise.raceが最初の解析で短絡(luò)しているPromise.raceに少し似ています。したがって、コレクションの最初の約束がエラーで解析された場合、 Promise.race引き続き実行されます。 Promise.any 、実行を続ける前に、配列內(nèi)の殘りのアイテムが解析するのを引き続き待ち続けます。

デモ

それらのいくつかは視覚化を使用して理解しやすいので、新しい遊び場と既存の遊び場と既存の遊び場を示す小さな遊び場を作成しました。 （元のテキストが特定のコードやリンクを提供していないため、ここではデモ部分は省略されています）

要約します

それらはまだ提案段階にありますが、コミュニティのスクリプトは、この記事に示されている新しいアプローチをシミュレートできます。たとえば、Bluebirdのanyとreflect 、ブラウザが改善をサポートするのを待つ良いポリフィルです。

また、コミュニティがこの非同期パターンをどのように使用したかを示していますが、それらを言語に組み込むことで、Webアプリケーションでのデータフェッチと非同期解析の新しい可能性が開かれます。

then catchに加えて、 finally約束に合格することもできます。これは、サラ?ドラスナーがチェックできる詳細(xì)な記事で書いたものです。 （ここではリンクが省略されています）

今後のPromise Combinatorについて知りたい場合は、V8ブログは公式の仕様と提案へのリンクを含む短い説明を発表しました。 （ここではリンクが省略されています）

以上が約束に來る新しい方法を覗きますの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。