How can I use web workers in JavaScript?

How can I use web workers in JavaScript?

Web workers allow you to run scripts in background threads, enabling parallel processing. You can create a worker using the Worker constructor.

Can you show me a simple example of creating a web worker?

Sure! Here's a basic example:

// main.js
const worker = new Worker('worker.js');

worker.onmessage = function(event) {
    console.log('Message from worker:', event.data);
};

worker.postMessage('Hello, worker!');

And in worker.js:

onmessage = function(event) {
    postMessage('Received: ' + event.data);
};

What are the limitations of using web workers?

Web workers run in a separate global context, so they can't access the DOM directly. They also have limited access to certain APIs.

Can I use web workers for heavy computations?

Yes, web workers are ideal for heavy computations as they prevent blocking the main thread, keeping the UI responsive.