How do web workers communicate with the main thread?

How do 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 use worker.postMessage('Hello Worker!'); and 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 can only communicate with the main thread via messages.

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 manipulate UI elements.