Untuk melakukan suatu proses data besar atau proses yang membutuhkan resource besar, maka html5 telah menyediakan fitur web worker yang dapat melakukan proses tersebut tanpa menghentikan sementara UI perambah. Akan sangat mengganggu jika semuanya proses ini dilakukan oleh javascript melihat proses panjang dan besar oleh javascript bisa menghentikan UI perambah, atau lebih parah lagi dapat mengakibatkan perambah pengguna jadi crash.
Ini merupakan tutorial singkat untuk menjalankan web worker :
Buat sebuah berkas dengan nama worker.js yang berisi :
self.onmessage = function(e) {
// mengambil data yang dikirim ke worker
var dat = e.data;
var ret = "";
for(var i = 0;i<=100;i++)
ret+= dat;
// mengirim data ke pemanggil worker
self.postMessage(ret);
// mematikan worker
self.close();
};
Buat sebuah berkas dengan nama index.html yang berisi :
<!DOCTYPE html><head><title>Web Worker Tester</title></head>
<script type="text/javascript">
var worker = new Worker("worker.js");
// mengambil data yang dikembalikan worker
worker.addEventListener("message", function(e) {
document.write(e.data);
}, false);
// mengirim data ke worker
worker.postMessage("Syuaa");
</script>
</body></html>
Skrip diatas akan menulis teks "Syuaa" sebanyak 100 kali ke perambah.Dikarenakan web worker baru digunakan di HTML5, maka perlu adanya pengecekan jika perambah pengguna sudah mendukung web worker atau belum.
Fungsi dibawah akan mengembalikan false jika perambah belum mendukung HTML5 Web Worker, dan true jika sudah.
function is_webworker() {
return !window.Worker;
}
