ES2017 đã giới thiệu JavaScript Async/Await, đây là một trình bao bọc xung quanh những lời hứa. ASYNC/AIDIT được sử dụng để tiêu thụ các API dựa trên lời hứa theo cách hiện đại và đơn giản nhất.

Async đang chờ gì trong JavaScript??

Tổng quan

Chúng tôi đã đề cập những lời hứa của JavaScript trong bài đăng trên blog trước đây của chúng tôi và bạn phải truy cập nếu bạn muốn hiểu rõ về khái niệm đằng sau những lời hứa của JavaScript. Trong loạt bài Hướng dẫn JavaScript, chúng tôi ở đây với một hướng dẫn JavaScript khác sẽ chứng minh các tính năng hiện đại của JavaScript Async/Await. Bài đăng trên blog này dành cho những người có kiến ​​thức trước về lời hứa của JavaScript. Hơn nữa, chúng tôi sẽ cố gắng bao gồm Async/đang chờ đợi trong JavaScript , và khi chúng tôi cần sử dụng Async/đang chờ đợi. Ngoài ra, chúng tôi cũng sẽ bao gồm các lỗi xử lý với async/đang chờ đợi. Vì vậy, hãy đọc kỹ cho hướng dẫn JavaScript Async/Await này để đánh dấu khái niệm này được kiểm tra. Chúng tôi sẽ xem qua các phần sau trong JavaScript Async đang chờ đợi hướng dẫn:

Async/chờ đợi trong JavaScript | Async đang chờ cú pháp

ECMAScript 2017 đã phát hành các tính năng mới của JavaScript và Async/AIDIT là một trong những tính năng được sử dụng rộng rãi nhất trong số các tính năng này. Async/Await được xây dựng trên đỉnh của những lời hứa và thực sự là một cách hiện đại để xử lý những lời hứa của JavaScript. Hãy xem cách sử dụng các từ khóa Async/Await trong mã JavaScript:

async function getValues() {

  let promise = new Promise(function(resolve, reject) {
   // processing.. 
  });

  let data = await promise; // waits until the promise fulfills
   
  return data;
 
}
getValues().then(function(){
  console.log(data); // results printed.
})

Chà, từ khóa Async khi bắt đầu hàm ngụ ý rằng chức năng này sẽ trả về một lời hứa. Vì vậy, từ khóa đang chờ đợi luôn được sử dụng bên trong phần thân của hàm async để tạm dừng việc thực thi hàm cho đến khi lời hứa giải quyết. Điều quan trọng cần lưu ý ở đây là bạn không thể sử dụng từ khóa đang chờ đợi bên trong phần thân của một chức năng thông thường. Tuy nhiên, bạn chỉ có thể sử dụng chờ đợi với các hàm không đồng bộ được khai báo với từ khóa Async.

Khi nào nên sử dụng async/đang chờ?

Cho đến nay, bạn có câu trả lời cho Async đang chờ đợi trong JavaScript . Vì đây chỉ là một trình bao bọc xung quanh JavaScript truyền thống hứa hẹn nên bạn nên sử dụng cách mới này để tạo và xử lý lời hứa theo cách sạch hơn và dễ đọc hơn. Ngoài ra, bạn có thể thoát khỏi nhiều cuộc gọi hứa hẹn. Sau đó, sử dụng Async/AIDIT, cuối cùng làm cho mã nguồn trở nên dễ quản lý và có thể duy trì hơn. Từ khóa đang chờ đóng gói câu lệnh .then () thành một dòng.

Xử lý lỗi với Async/đang chờ đợi

Xử lý lỗi là một nhiệm vụ quan trọng khi phát triển phần mềm cấp doanh nghiệp. Có nhiều cách để bắt lỗi trong cách tiếp cận Async/đang chờ đợi.

Hãy thử bắt Async đang chờ JavaScript

Hãy thử bắt Async đang chờ JavaScript : Không có gì mới với phương pháp xử lý lỗi này. Tuy nhiên, bạn có thể sử dụng khối thử/bắt bên trong hàm Async như được hiển thị trong đoạn mã bên dưới:

async function getValues() {
  try{
    let promise = new Promise(function(resolve, reject) {
     // processing.. 
    });

    let data = await promise; // waits until the promise fulfills
   
    return data;
  } catch(err){
    // you may handle errors the way you want..
  }
 
}

Sử dụng khối thử/bắt, bạn có thể bắt được các ngoại lệ bên trong phần thân của hàm async. Trong khi đó, có một cách tiếp cận khác để xử lý các lỗi trong đó bạn có thể nối khối .catch () ở cuối cuộc gọi chức năng. Vì Async/đang chờ trả lại một lời hứa, vì vậy bạn sẽ bắt được các lỗi trong khối .catch ().

async function getValues() {

  let promise = new Promise(function(resolve, reject) {
   // processing.. 
  });

  let data = await promise; // waits until the promise fulfills
   
  return data;
 
}
getValues().catch(err){
 // catch the errors 
}

Phần kết luận

Chúng tôi đang kết thúc điều này JavaScript Async đang chờ hướng dẫn . Hy vọng bạn hiểu rõ hơn về Async đang chờ đợi gì trong JavaScript . Ngoài ra, chúng tôi đã đi qua JavaScript Async đang chờ cú pháp làm cho mã nguồn ít phức tạp hơn. Tính năng JavaScript này đang được sử dụng rộng rãi do sử dụng và hiệu suất phong phú của nó. Trong những ngày tới, chúng tôi sẽ viết thêm về các tính năng và khái niệm của JavaScript để bạn có thể có được một lệnh mạnh mẽ đối với các khái niệm JS. Hơn nữa, có một số bài viết thú vị khác được đề cập trong phần “Xem thêm”.

Kết nối với chúng tôi

Cuối cùng, containerize.com cung cấp các hướng dẫn JavaScript đang diễn ra về các chủ đề thú vị khác nhau. Bạn có thể cập nhật bằng cách theo dõi chúng tôi trên các nền tảng truyền thông xã hội của chúng tôi, bao gồm Facebook, LinkedIn và Twitter.

Đặt một câu hỏi

Bạn có thể cho chúng tôi biết về câu hỏi hoặc truy vấn của bạn trên [Diễn đàn] của chúng tôi 10.

Câu hỏi thường gặp

Async đang chờ gì trong JavaScript với ví dụ? Bạn có thể truy cập liên kết này để hiểu khái niệm về Async đang chờ đợi. Async đang chờ đợi gì vs Promise?

  • ASYNC/AIDIT làm cho mã nguồn rõ ràng hơn và dễ đọc hơn so với những lời hứa trong đó chuỗi hứa hẹn có thể làm cho mã nguồn trở nên lộn xộn.
  • Xử lý lỗi là khá giống nhau trong cả hai phương pháp.
  • Gỡ lỗi là ít khó khăn hơn trong Async đang chờ đợi.
  • Lời hứa duy trì các quốc gia như chờ xử lý, giải quyết hoặc bị từ chối. Trong khi đó, async/đang chờ được giải quyết hoặc bị từ chối.

Xem thêm