[JavaScript] async, await ใช้งานยังไง?
async, await เป็นตัวช่วยจัดการ Promise ให้ดูอ่านง่ายขึ้น จะเห็นผลมากหากเราต้องจัดการกับ Promise มากกว่า 1 ตัว
การใช้ async มีข้อจำกัดว่าต้องใช้กับ function เท่านั้น เราจะลองแปลงโค้ดจากบทความที่แล้ว
![[JavaScript] async, await ใช้งานยังไง?](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUg50E7OUtkASH_DbvsiP7J7iWnf6W2G8aaqiaabQP7QqYH7SAmyqRirSwaKmwmU0p1R_TwpODMQIiP82PMpf8gKjkSRTa4NUVG1nlI0McgNPuAifUfP5_rUhO302puMi_6o92klG3LTEP/s666/-JavaScript-Promise-%25E0%25B8%2584%25E0%25B8%25B7%25E0%25B8%25AD%25E0%25B8%25AD%25E0%25B8%25B0%25E0%25B9%2584%25E0%25B8%25A3.png "[JavaScript] async, await ใช้งานยังไง?")
ให้อยู่ในรูปของ async / await
async function test() {
let myPromise = new Promise((resolve, reject) => {
let x = 0; //ลองสลับเลขเพื่อดูผลลัพธ์เมื่อสำเร็จและล้มเหลว
if (x == 0) {
resolve("OK");
} else {
reject("x must be 0");
}
});
try {
let msg = await myPromise;//await เพื่อรอรับผลลัพธ์จากกรณีที่สำเร็จ
console.log("Success: " + msg);
} catch (msg) {
console.log("Error: " + msg);//ใช้ try / catch ดักกรณีที่ล้มเหลว
}
}
test();//เรียกใช้ function ให้ทำงาน
อ้างอิง:
ความคิดเห็น
แสดงความคิดเห็น