bhylu.com

Advertisements

API Web Worker

A Worker loads a separate script and communicates by messages. Terminate a worker when its result is no longer needed.

Where to run this

Use a local browser project for this example. It needs browser permissions, additional files, a server endpoint, or a library as described below. The restricted playground cannot provide those dependencies.

A practical example

JavaScript

// main.js, served from a local web server
const worker = new Worker("worker.js");
worker.onmessage = event => {
  console.log(event.data);
  worker.terminate();
};
worker.postMessage({count: 3, price: 6});
// worker.js: self.onmessage = e => self.postMessage(e.data.count * e.data.price);

What happens

With the separate worker file in place, the page receives 18.