JavaScript でのマルチスレッド化に Web ワーカーを使用する方法

このコードでは、次の手順を適用します。

• まず、記載されている見出しを指定します。
• その後、 「ウェブワーカー」 ワーカーのコードを構成する Blob オブジェクトの URL を持つオブジェクト。
• ワーカー専用のコードは、再帰関数を介して数値の階乗を計算する匿名関数に含まれています。
• また、ワーカーは、 「self.onmessage」 イベントを呼び出して、渡された数値の階乗を取得し、結果をメインスレッドに渡します。 「postMessage()」 方法。
• メインスレッドでワーカーインスタンスを作成し、番号「」を含むメッセージを送信します。 15n ”。ここ、 ' n 」は「BigInt」値を指します。
• ワーカーは階乗の計算を完了すると、 「postMessage()」 方法。
• 最後に、メインスレッドは結果をフェッチ/受信します。 「オンメッセージ」 イベントを取得し、コンソール上の数値の対応する階乗を返します。

出力

Web ワーカーの利点

並列処理 : 同じコードを並列実行する場合。

コード実行を中断しない: コードの実行は、現在のページの更新などに関係なく行われます。

動きの追跡: すべてのモーション検出はバックグラウンド ワーカーで行われます。

有効なマルチスレッド: これらにより、JavaScript でのマルチスレッドが可能になります。

強化されたパフォーマンス: 集中的または困難なタスクを別のスレッドで実行することで、パフォーマンスを最適化します。

効果的なユーザーエクスペリエンス: これらにより、メイン スレッドのブロックが回避され、応答性の高いユーザー エクスペリエンスが得られます。

Web ワーカーの制限

ただし、Web ワーカーにもいくつかの制限があります。これらは次のように述べられています。

• メモリの使用率が向上します。
• ワーカー スレッドで DOM を更新したり、ウィンドウ オブジェクトを呼び出したりすることはできません。

結論

「ウェブワーカー」 JavaScript が別個の専用スレッドでタスクを同時に実行できるようにするブラウザ API に対応します。これらは、ワーカー スクリプト ファイルのパスに対応する URL を引数として受け取ることで利用できます。このブログでは、JavaScript でのマルチスレッド化のための「Web Workers」の使用法について説明しました。