How do JavaScript web workers communicate with the main thread?

How do JavaScript web workers communicate with the main thread?

Web workers communicate with the main thread using the postMessage() method. The main thread can send messages to the worker, and the worker can send messages back.

Can you give me an example of using postMessage?

Sure! In the main thread, you can create a worker and send a message like this: worker.postMessage('Hello Worker!');. In the worker, you can listen for messages using self.onmessage = function(event) { console.log(event.data); };.

What happens if I try to access the DOM from a web worker?

Web workers do not have access to the DOM. They run in a separate thread and are designed for background tasks without direct interaction with the UI.

Are there any limitations to using web workers?

Yes, web workers have limitations such as no access to the DOM, limited APIs, and they cannot directly share memory with the main thread.