Đồng thời là khả năng của một chương trình để thực thi đồng thời nhiều tác vụ. Trong JavaScript, tính đồng thời có thể đạt được thông qua nhiều cơ chế khác nhau, chẳng hạn như công nhân web, không đồng bộ/chờ đợi và lời hứa. Trong bài viết này, chúng ta sẽ khám phá các cơ chế này và thảo luận về lợi ích cũng như hạn chế của chúng.

1. Công nhân web Công nhân web là một cơ chế cho phép mã JavaScript chạy trong một chuỗi riêng biệt. Công nhân web rất hữu ích khi chúng tôi muốn thực hiện các tác vụ sử dụng nhiều CPU mà không chặn luồng chính. Ví dụ: chúng ta có thể sử dụng một nhân viên web để thực hiện một phép tính phức tạp mà không làm đóng băng giao diện người dùng.

Đây là một ví dụ:

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

Đây là một ví dụ:

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

Đây là một ví dụ:

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