約束に来る新しい方法を覗きます

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

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

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

既存の機能

あなたが現在約束でできることを簡単に見てみましょう。 JavaScriptがPromiseを導入した後、非同期操作を実行し、成功または障害に対応するAPIを提供します。これは、これらのデータまたは結果の価値についてまだ知らない特定のデータまたは結果に関連する関連を作成する方法です。

現在持っている約束の機能は次のとおりです。

約束を処理します

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

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

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

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

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

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

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

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

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

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

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

また、 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つが失敗したため、'、理由））

新機能

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

Promise.Allsettled

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

 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アプリケーションの別の部分を入力するデータセットを待っているが、結果ごとにより具体的な電子メールを提供したり、異なるアクションを実行したりする場合に最適です。

約束

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

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

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

デモ

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

要約します

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

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

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

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

以上が約束に来る新しい方法を覗きますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。