TS-Part1

[LeHoDiep]

Awaited và ReturnType

• nếu ta có một hàm promise và chưa biết hắn sẽ trả về gì, nhưng ta cần định nghĩa nó để định nghĩa có biến sẽ nhận kết quả trả về của promise đó ta có thể dùng Awaited kết hợp với ReturnType và typeOf

type GuestInfoPromise = ReturnType<typeof fetchGuestInfo>;
type CheckoutPromise = ReturnType<typeof processCheckout>;

async function checkoutGuest(guestId: number): Promise<void> {
   const guestInfo: Awaited<GuestInfoPromise> = await fetchGuestInfo(guestId);
   console.log("Guest information fetched:", guestInfo);

   await processCheckout(guestId);

   console.log("Checkout completed for guest:", guestId);
}

async function fetchGuestInfo(guestId: number): Promise<string> {
   return new Promise<string>((resolve) => {
       setTimeout(() => {
           resolve(`Guest ${guestId}: John Doe`);
       }, 2000);
   });
}

async function processCheckout(guestId: number): Promise<void> {
   return new Promise<void>((resolve) => {
       setTimeout(() => {
           resolve();
       }, 1500);
   });
}

const guestId: number = 123;
checkoutGuest(guestId)
   .then(() => {
       console.log("Guest has successfully checked out!");
   })
   .catch((error) => {
       console.error("An error occurred during checkout:", error);
   });

• trong ví dụ trên, tôi lấy kiểu của promise GuestInfoPromise bằng ReturnType
• và dùng Awaited để định nghĩa giá trị trả ra nếu await fetchGuestInfo, một điều thú vị là dù có promise nhiều lớp thì
  Awaited vẫn định nghĩa là string

   type A = Awaited<Promise<string>>;
   //   ^? type A = string
   
   type B = Awaited<Promise<Promise<number>>>;
   //   ^? type B = number; dù có lồng nhiều lớp
   
   type C = Awaited<boolean | Promise<number>>;
   //   ^? type C = boolean | number;