ເຂົ້າໃຈ Async/Await ໃນ JavaScript ພາຍໃນ 5 ນາທີ

ບັນຫາຂອງ Callback

ໃນອະດີດ ນັກພັດທະນາໃຊ້ Callback ໃນການຈັດການ Asynchronous Code ເຊິ່ງເຮັດໃຫ້ໂຄ້ດຊັບຊ້ອນ (Callback Hell):

getUser(id, (user) => {
  getPosts(user.id, (posts) => {
    console.log(posts);
  });
});

ວິທີແກ້ດ້ວຍ Async/Await

async function loadUserPosts(id) {
  const user = await getUser(id);
  const posts = await getPosts(user.id);
  console.log(posts);
}

ໂຄ້ດອ່ານງ່າຍຂຶ້ນຫຼາຍ ຄືກັບຂຽນ Synchronous ທົ່ວໄປ ແຕ່ຢູ່ເບື້ອງຫຼັງແມ່ນຍັງເປັນ Asynchronous.

ຂໍ້ຄວນລະວັງ: Error Handling

async function loadUserPosts(id) {
  try {
    const user = await getUser(id);
    const posts = await getPosts(user.id);
    return posts;
  } catch (error) {
    console.error("ເກີດຂໍ້ຜິດພາດ:", error);
  }
}

ສະຫຼຸບ

async/await ຄືການປັບປຸງ Syntax ຂອງ Promise ໃຫ້ອ່ານງ່າຍຂຶ້ນ ແລະ ເປັນມາດຕະຖານທີ່ນັກພັດທະນາ JavaScript ຄວນຮູ້ຈັກ.