Параллелизм — это способность программы выполнять несколько задач одновременно. В JavaScript параллелизм может быть достигнут с помощью различных механизмов, таких как веб-воркеры, async/await и обещания. В этой статье мы рассмотрим эти механизмы и обсудим их преимущества и ограничения.

1. Web Workers Web Workers — это механизм, позволяющий выполнять код JavaScript в отдельном потоке. Веб-воркеры полезны, когда мы хотим выполнять задачи с интенсивным использованием ЦП, не блокируя основной поток. Например, мы можем использовать веб-воркер для выполнения сложных вычислений без зависания пользовательского интерфейса.

Вот пример:

// main.js
const worker = new Worker('worker.js');
worker.postMessage('Hello from main.js');
worker.onmessage = (event) => {
  console.log('Received message from worker:', event.data);
};

// worker.js
self.onmessage = (event) => {
  console.log('Received message from main.js:', event.data);
  self.postMessage('Hello from worker.js');
};

Вот пример:

async function getData() {
  const response = await fetch('https://example.com/data.json');
  const data = await response.json();
  return data;
}

Вот пример:

fetch('https://example.com/data.json')
  .then((response) => response.json())
  .then((data) => console.log(data))
  .catch((error) => console.error(error));