Как да създадете поток Web Worker в JavaScript…

Създаването на поток Web Worker в JavaScript може да стане с помощта на конструктора Worker.

// Създаваме нов Web Worker, като предаваме пътя към JS файла,
// който ще се изпълнява в отделен поток.
const worker = new Worker('worker.js');

Във файла worker.js (или друг, посочен при създаването на работника) ще се изпълнява кодът в отделен поток.

// worker.js

// Обработка на съобщения, изпратени от основния поток
self.onmessage = function(event) {
  const receivedData = event.data;
  console.log('Получено съобщение от основния поток:', receivedData);

  // Изпращане на съобщение обратно към основния поток
  const responseData = { message: 'Здравей от Worker!', data: receivedData };
  self.postMessage(responseData);
};

// По желание, може да се добави обработка на грешки
self.onerror = function(error) {
  console.error('Грешка в Worker:', error);
};

В основния поток (където е създаден работникът) може да се взаимодейства с него:

// main.js

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

// Изпращане на съобщение към Web Worker
worker.postMessage({ command: 'start', payload: 'some data' });

// Обработка на съобщения, получени от Web Worker
worker.onmessage = function(event) {
  const receivedData = event.data;
  console.log('Получено съобщение от Worker:', receivedData);
};

// Обработка на грешки в Web Worker
worker.onerror = function(error) {
  console.error('Грешка в Worker в основния поток:', error);
};

// Завършване на Web Worker (по желание)
// worker.terminate();

Ключови моменти:

Комуникация: Обменът на данни между основния поток и работника става чрез съобщения с използване на методите postMessage() и обработчика onmessage.
Ограничения: Работниците нямат достъп до DOM, обекта window и други глобални обекти на браузъра. Те имат ограничен достъп до navigator, location, XMLHttpRequest, setTimeout, setInterval, fetch, WebSockets и други.
Изолация: Кодът в работника се изпълнява в отделен поток, което предотвратява блокиране на основния поток и подобрява производителността, особено при изпълнение на ресурсоемки изчисления.

Как да създадете поток Web Worker в JavaScript?