js Promise同時制御メソッド

js Promise同時制御メソッド

質問

次のように、同時実行 Promise の数を制御するメソッドを記述する必要があります。

promiseConcurrencyLimit(制限、配列、iteratorFn)

limit は同時に実行されるプロミスの数、array はパラメータ配列、iteratorFn は各プロミスで実行される非同期操作です。

背景

開発では、通常は Promise.all を使用して、複数の Promise が処理された後に後処理ロジックを実行する必要があります。

プライム.all([p1, p2, p3]).then((res) => ...)

しかし、問題があります。promise は作成後すぐに実行されるため、つまり、promise.all に渡される複数の promise インスタンスは、作成時にすでに実行が開始されています。これらのインスタンスで実行される非同期操作がすべて http リクエストである場合、n 個の http リクエストが即座に発行されますが、これは明らかに不合理です。より合理的な方法は、Promise.all で実行される非同期操作の数を制限し、同時に実行できる非同期操作を limit 個だけにすることです。

アイデアと実装

背景で述べたように、Promise は作成後すぐに実行されるため、同時実行性を制御する核心は、Promise インスタンスの生成を制御することにあります。最初は、限られた数の Promise インスタンスのみが生成され、これらの Promise のステータスが変化するのを待ちます。いずれかの Promise インスタンスのステータスが変化すると、別の Promise インスタンスがすぐに作成されます... このサイクルは、すべての Promise が作成されて実行されるまで続きます。

npm には、この関数を実装するライブラリが多数あります。他のほとんどのライブラリが Promise を再実装するのに対し、tiny-async-pool ライブラリはネイティブ Promise を直接使用してこの関数を実装するため、個人的にはより優れていると思います。コアコードは次のとおりです。

非同期関数 asyncPool(poolLimit, 配列, iteratorFn) {
  const ret = []; // すべての Promise インスタンスを格納するために使用します const running = []; // 現在実行中の Promise を格納するために使用します
  for (配列のconst項目) {
    const p = Promise.resolve(iteratorFn(item)); // コールバック関数が promise 以外のものを返さないようにするには、Promise.resolve ret.push(p); でラップします。
    プール制限 <= 配列の長さの場合 {
      // then コールバックでは、promise ステータスが満たされると、実行中の promise リストからそれを削除します。executing const e = p.then(() => execute.splice(executing.indexOf(e), 1));
      実行中.push(e);
      実行中の長さ >= poolLimit の場合 {
        // 実行されるプロミス リストの数が制限に達したら、Promise.race を使用してプロミスの状態が変化するのを待ちます。
        // 状態が変化すると、then のコールバックが実行され、promise は実行から削除されます。
        // 次に次の for ループに入り、補足する新しい Promise を生成します。await Promise.race(executing);
      }
    }
  }
  Promise.all(ret) を返します。
}

テストコードは次のとおりです。

定数タイムアウト = (i) => {
  コンソールにログ出力します。
  新しい Promise を返します ((resolve) => setTimeout(() => {
    解決する(i);
    コンソールにログ出力します。
  }、 私));
};

(非同期() => {
    const res = asyncPool(2, [1000, 5000, 3000, 2000], タイムアウトを待機します);
    コンソールログ(res);
  })();

コードの核となる考え方は次のとおりです。

  • まず、limit promiseインスタンスを初期化し、実行配列に格納します。
  • Promise.raceを使用して、これらの制限プロミスインスタンスの実行結果を待機します。
  • プロミスの状態が変化すると、そのプロミスは実行から削除され、その後ループが実行されて新しいプロミスが生成され、実行状態になります。
  • すべての Promise が実行されるまで、手順 2 と 3 を繰り返します。
  • 最後に、Promise.allを使用して、すべてのPromiseインスタンスの実行結果を返します。

js Promise の同時呼び出し数を制御する方法についての記事はこれで終わりです。js Promise の同時呼び出し制御に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き閲覧してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScript における Promise の詳細な説明
  • フロントエンドJavaScriptの約束
  • JavaScriptはPromiseを使用して複数の繰り返しリクエストを処理します
  • JS非同期プログラミングの深い理解 - Promise
  • JavaScript Promise の徹底解説

<<:  mysql ルートユーザーを認証できず、Navicat リモート認証プロンプト 1044 の問題を解決します

>>:  Ubuntu 18.04 のログインループ/ブートインターフェイスで停止/グラフィカルインターフェイスに入ることができない問題を解決する方法

推薦する

JS はシンプルなカレンダー効果を実装します

この記事では、シンプルなカレンダー効果を実現するためのJSの具体的なコードを参考までに紹介します。具...

ウェブテーブルフレームを作成するためのヒント

<br />Web テーブル フレームを作成するためのヒント。 ------------...

Centos7.5でのIPアドレス設定の実装

1. IPアドレスを設定する前に、まずifconfigを使用してネットワークカード情報を表示し、ネッ...

MySQL で最大接続数を設定するためのヒントのまとめ

方法1: コマンドラインの変更次の図に示すように、MySQL コンソールを開いて「set GLOBA...

CocosCreatorでスワイプした位置にテクスチャを表示する方法

目次1. プロジェクト要件2. 文書の内容3. プロジェクト例4. プロジェクトコード1. プロジェ...

VMware での Ubuntu Docker のインストール (コンテナ構築)

1. マインドマップ 2. コンテナの構築方法2.1 実験環境の準備(1)環境選択管理ツール: D...

CSS を使用して 3 列のアダプティブ レイアウト (両側は固定幅、中央はアダプティブ) を実現します。

いわゆる 3 列適応レイアウトとは、両側の幅が固定され、中央のブロックの幅が適応されることを意味しま...

JS の精度外数値問題の解決

精度の問題に対する最もわかりやすい説明たとえば、1÷3=0.33333333...という数字は、3が...

WeChatミニプログラムがいいねサービスを実装

この記事では、WeChatアプレットの具体的なコードを参考までに紹介します。具体的な内容は次のとおり...

Vue で円形プログレスバーを実装する例

データ表示は、常にあらゆる職業の人々が求めているものです。特にフロントエンド開発業界では、データを表...

HTML+CSS+JS でキャンバスがマウスの小さな円に追従する特殊効果のソースコードを実現

効果(ソースコードは最後にあります): 成し遂げる: 1. タグを定義します。 <h1>...

Reactはconetxtを通じてマルチコンポーネント値転送関数を実装します

この関数の効果はvue的provide/injectに似ています。 contextを通じて反応できる...

Linux 環境に MySQL 8.0 をインストールするプロセスの紹介

目次序文1. Linux は yum ソースを変更します (MYSQL のインストールが遅い場合は試...

MySQL のあまり知られていないソート方法

序文ORDER BY 字段名升序/降序、このソートステートメントは皆さんご存知だと思いますが、特殊な...

最新の仮想マシン VMware 14 インストール チュートリアル

まず、VMware 14のアクティベーションコードをお渡ししますFF31K-AHZD1-H8ETZ-...