Współbieżność to zdolność programu do wykonywania wielu zadań jednocześnie. W JavaScript współbieżność można osiągnąć za pomocą różnych mechanizmów, takich jak procesy robocze WWW, asynchronizacja/oczekiwanie i obietnice. W tym artykule przyjrzymy się tym mechanizmom i omówimy ich zalety i ograniczenia.

1. Web Workers Web Workers to mechanizm, który umożliwia uruchamianie kodu JavaScript w osobnym wątku. Web Workery są przydatne, gdy chcemy wykonywać zadania intensywnie obciążające procesor bez blokowania głównego wątku. Na przykład możemy użyć pracownika sieciowego do wykonania złożonego obliczenia bez zamrożenia interfejsu użytkownika.

Oto przykład:

// 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');
};

Oto przykład:

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

Oto przykład:

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