How do I set up Web Workers in JavaScript?

How do I set up Web Workers in JavaScript?

To set up Web Workers in JavaScript, you first need to create a new JavaScript file for the worker. Then, you can instantiate the worker in your main script.

Can you show me a simple example?

Sure! Here's a basic example:

1. Create a file named worker.js:

   self.onmessage = function(e) {
       const result = e.data * 2;
       self.postMessage(result);
   };
   

2. In your main script:

   const worker = new Worker('worker.js');
   worker.onmessage = function(e) {
       console.log('Result from worker:', e.data);
   };
   worker.postMessage(5); // Sends 5 to the worker
   

What are the limitations of using Web Workers?

Web Workers run in a separate thread, so they can't access the DOM directly. They also have limited access to certain APIs and can't use global variables.