Concurrency adalah kemampuan suatu program untuk menjalankan banyak tugas secara bersamaan. Dalam JavaScript, konkurensi dapat dicapai melalui berbagai mekanisme, seperti pekerja web, async/menunggu, dan janji. Pada artikel ini, kami akan mengeksplorasi mekanisme ini dan membahas manfaat dan keterbatasannya.

1. Pekerja Web Pekerja Web adalah mekanisme yang memungkinkan kode JavaScript berjalan di utas terpisah. Pekerja Web berguna saat kita ingin melakukan tugas intensif CPU tanpa memblokir utas utama. Misalnya, kita dapat menggunakan pekerja web untuk melakukan perhitungan yang kompleks tanpa membekukan UI.

Ini contohnya:

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

Ini contohnya:

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

Ini contohnya:

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