close

JavaScript Asynchronous ที่มีประสิทธิภาพ: การควบคุม Async/Await และ Promise

ในภูมิทัศน์การพัฒนาเว็บไซต์สมัยใหม่ JavaScript มีบทบาทสำคัญ โดยเฉพาะอย่างยิ่งเมื่อสร้างแอปพลิเคชันที่มีการโต้ตอบสูง Async/Await และ Promise เป็นคุณสมบัติอันทรงพลังที่จัดการซอร์สโค้ด JavaScript ได้อย่างมีประสิทธิภาพ ลดปัญหาการโทรกลับ และเพิ่มความสามารถในการอ่านโค้ด บทความนี้จะเจาะลึกการใช้งานโดยละเอียดของ Async/Await และ Promise ใน JavaScript

เอคืออะไร Promise ?

A Promise เป็นกลไกการประมวลผลแบบอะซิงโครนัสใน JavaScript ที่อำนวยความสะดวกในการจัดการงานอะซิงโครนัสในลักษณะที่อ่านและจัดการได้ง่ายขึ้น A Promise สามารถอยู่ในสถานะใดสถานะหนึ่งจากสามสถานะ: รอดำเนินการ ดำเนินการแล้ว หรือปฏิเสธ 

const myPromise = new Promise((resolve, reject) => {  
  // Asynchronous task handling here  
  if(/* task successful */) {  
    resolve('Success!');  
  } else {  
    reject('Failure!');  
  }  
});  
  
myPromise.then((result) => {  
  console.log(result);  
}).catch((error) => {  
  console.error(error);  
});

คืออะไร Async/Await ?

Async/Await เป็นไวยากรณ์ที่ทำให้การจัดการแบบอะซิงโครนัสใน JavaScript ง่ายขึ้น ทำให้โค้ดแบบอะซิงโครนัสสามารถอ่านและเข้าใจได้ง่ายขึ้น Async ใช้เพื่อกำหนดฟังก์ชันอะซิงโครนัส ในขณะที่ Await ใช้เพื่อรอให้ a Promise ได้รับการแก้ไข 

async function fetchData() {  
  try {  
    const result1 = await doSomethingAsync();  
    const result2 = await doAnotherAsync(result1);  
    return result2;  
  } catch(error) {  
    console.error(error);  
  }  
}  
  
fetchData().then((finalResult) => {  
  console.log(finalResult);  
});

ข้อดีของ Async/Await และ Promise

  1. ความสามารถในการอ่านและความเข้าใจ: Async/Await ช่วยให้เขียนโค้ดอะซิงโครนัสได้คล้ายกับโค้ดซิงโครนัส ทำให้อ่านและทำความเข้าใจได้ง่ายขึ้น เมื่อเทียบกับการใช้การโทรกลับหรือสัญญาแบบสแตนด์อโลน

  2. การจัดการโค้ด: การใช้ Async/Await และ Promise ช่วยหลีกเลี่ยงการโทรกลับ ทำให้ซอร์สโค้ดสามารถจัดการได้มากขึ้นและลดข้อผิดพลาด

  3. ประสิทธิภาพ: คุณสมบัติเหล่านี้มีส่วนช่วยเพิ่มประสิทธิภาพการทำงานของแอพพลิเคชั่นโดยลดเวลารอและเพิ่มประสิทธิภาพการประมวลผลแบบอะซิงโครนัส

บทสรุป

การว่าจ้าง Async/Await และ Promise เป็นวิธีที่มีประสิทธิภาพในการจัดการการดำเนินการแบบอะซิงโครนัสใน JavaScript สำหรับเว็บแอปพลิเคชันในปัจจุบัน การทำความเข้าใจวิธีใช้และรวมคุณสมบัติเหล่านี้สามารถเพิ่มประสิทธิภาพซอร์สโค้ดและปรับปรุงประสบการณ์ผู้ใช้ได้ หวังว่าบทความนี้จะให้ข้อมูลเชิงลึกที่ชัดเจนยิ่งขึ้นเกี่ยวกับ Async/Await และ Promise ในการเขียนโปรแกรม JavaScript