Bất đồng bộ và await

Nếu bạn đã hoàn thành bài học trước, hẳn bạn đang nghĩ rằng promise khó hiểu hoặc thậm chí khó nhớ cú pháp của nó!

Đừng lo! ES6 sẽ giúp bạn giải quyết vấn đề này. 

<i>async</i> và <i>await</i> giúp viết promise dễ dàng hơn

Hãy xem xét một hàm thực hiện một tác vụ bất đồng bộ (tốn thời gian). 

Chúng ta muốn hàm này trả về promise và cũng chờ kết quả của promise.

Nếu viết async trước một hàm JavaScript bất kỳ, hàm đó luôn trả về promise.

await sẽ khiến hàm chờ một promise và tạm dừng thực thi cho đến khi promise được giải quyết.

Hãy xem xét ví dụ lấy dữ liệu từ máy chủ, quá trình này có thể mất vài giây.

 async function fetchData () {
 	const response = await fetch("/url"); // Chờ promise hoàn thành
  	const movies = await response.json(); // Chờ promise hoàn thành
  	return movies;
  } 
  
  fetchData.then(val => console.log(val)) // Dữ liệu trả về từ API

Từ khóa await chỉ có thể dùng bên trong một hàm async.

Có thể dùng async-await trong cả hàm thông thường lẫn hàm mũi tên.

const someFunc = async (a) => { await //code }