La concorrenza è la capacità di un programma di eseguire più attività contemporaneamente. In JavaScript, la concorrenza può essere raggiunta attraverso vari meccanismi, come web worker, async/await e promises. In questo articolo, esploreremo questi meccanismi e discuteremo i loro vantaggi e limiti.

1. Web Worker I Web Worker sono un meccanismo che consente l'esecuzione del codice JavaScript in un thread separato. I Web Worker sono utili quando vogliamo eseguire attività ad alta intensità di CPU senza bloccare il thread principale. Ad esempio, possiamo utilizzare un web worker per eseguire un calcolo complesso senza bloccare l'interfaccia utente.

Ecco un esempio:

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

Ecco un esempio:

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

Ecco un esempio:

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