Bolehkah Pekerja Web Dalam Talian Memudahkan Penyerahan dan Pengurangan?

Pekerja Web Dalam Talian: Memintas Fail JavaScript Berasingan

Secara tradisinya, pekerja web dibuat seketika dengan memuatkan fail JavaScript yang berasingan, seperti yang anda nyatakan:

<code class="html">new Worker('longrunning.js')</code>

Walaupun mudah, pendekatan ini boleh merumitkan penggunaan dan pengurangan apabila menggunakan alatan seperti Closure Compiler. Untuk menangani perkara ini, anda boleh memanfaatkan Blob() untuk mencipta pekerja sebaris dalam fail HTML yang sama seperti logik utama anda.

Pekerja Sebaris dengan Blob()

Begini cara anda boleh mencipta pekerja sebaris menggunakan Blob():

1. Tentukan skrip pekerja anda dalam elemen dengan jenis "javascript/worker":

<code class="html"><script id="worker1" type="javascript/worker">
  // Worker code goes here
</script></code>

2. Buat objek Blob dengan skrip pekerja sebagai kandungannya:

<code class="html">var blob = new Blob([
  document.querySelector('#worker1').textContent
], { type: "text/javascript" })</code>

3. Buat objek pekerja menggunakan window.URL.createObjectURL(blob):

<code class="html">var worker = new Worker(window.URL.createObjectURL(blob));</code>

4. Kendalikan mesej daripada pekerja dalam urutan utama anda:

<code class="html">worker.onmessage = function(e) {
  console.log("Received: " + e.data);
}</code>

5. Mulakan pekerja dengan menghantar mesej:

<code class="html">worker.postMessage("hello");</code>

Pendekatan ini membolehkan anda mengekalkan kod pekerja anda selaras dengan logik utama anda, menjadikannya serba lengkap dan mudah digunakan pakej.

Atas ialah kandungan terperinci Bolehkah Pekerja Web Dalam Talian Memudahkan Penyerahan dan Pengurangan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!