[JavaScript] async, await ใช้งานยังไง?

 async, await เป็นตัวช่วยจัดการ Promise ให้ดูอ่านง่ายขึ้น จะเห็นผลมากหากเราต้องจัดการกับ Promise มากกว่า 1 ตัว

การใช้ async มีข้อจำกัดว่าต้องใช้กับ function เท่านั้น เราจะลองแปลงโค้ดจากบทความที่แล้ว

ให้อยู่ในรูปของ 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 ให้ทำงาน

อ้างอิง:

• async function - JavaScript | MDN (mozilla.org)
• Async/await (javascript.info)