ホームページ >ウェブフロントエンド >jsチュートリアル >インライン Web ワーカーは JavaScript の配布を簡素化できますか?
効率的な JavaScript 配布のためのインライン Web ワーカー
Web ワーカーを利用する標準的な方法では、コード用に別の JavaScript ファイルを作成します。複数のファイルが必要になり、コードの配布が複雑になります。ただし、ワーカーをメイン HTML ファイル内に直接埋め込んで、コードの効率と配布を強化できる代替方法があります。
このアプローチには、Blob() API の使用が含まれます。 Blob を使用すると、ワーカー コードの文字列に対する URL ハンドルを作成でき、ワーカーの機能をインラインで定義できるようになります。これは、ワーカーを動的に作成する場合、または外部ワーカー ファイルを使用せずに自己完結型ページを維持する場合に特に有益です。
提供された例は、このアプローチの実装を示しています。
<code class="html"><script id="worker1" type="javascript/worker"> // Worker code here </script></code>
<code class="javascript">var blob = new Blob([ document.querySelector('#worker1').textContent ], { type: "text/javascript" }); var worker = new Worker(window.URL.createObjectURL(blob));</code>
次のように宣言します。タイプとして「javascript/worker」を含むスクリプト タグの場合、ブラウザはワーカーのコードを認識しますが、解析しません。その後、ワーカーのコードを含む Blob オブジェクトを作成すると、このコードへの URL ハンドルを作成できるようになります。このハンドルを使用して新しい Web ワーカーをインスタンス化すると、別の JavaScript ファイルを必要とせずにワーカーのロジックを実行できるようになります。
以上がインライン Web ワーカーは JavaScript の配布を簡素化できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。