ワーカーを作成します。 new を介して Worker() コンストラクターを呼び出すだけで、次の 2 つのパラメーターを受け取ります。 const worker = new Worker(path, options);
js メイン スレッドとワーカー スレッドのデータ転送: メイン スレッドとワーカー スレッドはどちらも postMessage メソッドを通じてメッセージを送信し、メッセージ イベントをリッスンしてメッセージを受信します。
メイン スレッドとワーカー スレッド間のデータ転送は、アドレスではなく値によって行われます。したがって、オブジェクトを渡して直接返したとしても、受け取った値は元の値ではありません。
エラー メッセージをリッスンする: Web ワーカーは、エラーをリッスンする 2 つのイベントを提供します。
error: ワーカー内でエラーが発生したときにトリガーされます
messageerror: メッセージ イベントが逆シリアル化できないパラメーターを受け取ったときにトリガーされます。
ワーカー スレッドを閉じる: ワーカー スレッドのシャットダウンはメイン スレッドとワーカー スレッドの両方で操作できますが、ワーカー スレッドへの影響は若干異なります。
類似点: ワーカーがメイン スレッド内でシャットダウンされても、ワーカー スレッド内でシャットダウンされても、ワーカー スレッドの現在のイベント ループ内のタスクは実行を継続します。
違い: ワーカーがメイン スレッドで手動で閉じられると、ワーカー スレッドの現在のイベント ループで実行するタスクがまだある場合でも、メイン スレッドとワーカー スレッドの間の接続は即座に停止されます。 () メソッドは引き続き呼び出されますが、メインスレッドはメッセージを受信しなくなります。
ワーカー スレッド内でワーカーを閉じても、メイン スレッドから直接切断されるのではなく、ワーカー スレッドの現在のイベント ループのすべてのタスクが完了するまで待ってから閉じます。つまり、現在のイベント ループで postMessage() メソッドを呼び出し続けた場合でも、メイン スレッドはメッセージ イベントをリッスンすることでメッセージを受信できます。
ワーカー スレッドが他の js ファイルを参照する
Web ワーカーは、必要な js ファイルをロードするためにワーカー スレッドに importScripts() メソッドを提供します。さらに、このメソッドを通じてロードされた js ファイルは、同一生成元ポリシーの対象ではありません。
ESModule モード: js ファイルが ESModule モードの場合、importScripts() はファイルのインポートに失敗します。この場合、const worker = new Worker('/worker.js', {type: 'module'}) を使用する必要があります。 ) ファイルの種類を指定すると、インポート方法を使用して導入できます
メインスレッドとワーカースレッドの間で受け渡しできるデータの種類
Error オブジェクト、Function オブジェクト、Dom ノードは渡せません
Wondershare EdrawMind
