Bài 7. Bất đồng bộ và fetch

Vì sao cần bất đồng bộ?

Nếu tải ảnh mất 3 giây mà trang phải đứng chờ thì rất khó chịu. Trình duyệt giao việc đó cho nền, khi xong sẽ báo cho mã của bạn.

fetch và async/await

async function layBaiViet() {
  try {
    const res = await fetch("https://jsonplaceholder.typicode.com/posts/1");
    if (!res.ok) throw new Error("Lỗi " + res.status);
    const data = await res.json();
    console.log(data.title);
  } catch (loi) {
    console.error("Không tải được:", loi.message);
  }
}
layBaiViet();

Promise nhiều việc cùng lúc

const [a, b] = await Promise.all([
  fetch("/api/a").then(r => r.json()),
  fetch("/api/b").then(r => r.json())
]);

Chạy song song nhanh hơn chờ từng việc xong mới làm việc kế tiếp.