サンプルコードで身につける: async関数の型付け

// number を return しているが、戻り値の型は Promise<number>
async function getAnswer(): Promise<number> {
  return 42;
}

const answerPromise = getAnswer();
console.log(answerPromise instanceof Promise); // true

// 中身は .then でも受け取れる
answerPromise.then(function (answerValue) {
  console.log(answerValue);
});

async function fetchGreeting(): Promise<string> {
  return "こんにちは";
}

// await は async 関数の中でしか使えないので main を作る
async function main(): Promise<void> {
  const greetingText = await fetchGreeting(); // string が取り出せる
  console.log(greetingText + "、世界");
  console.log(greetingText.length + "文字"); // string のメソッドも使える
}

main();

function wait(ms: number): Promise<void> {
  return new Promise(function (resolve) {
    setTimeout(resolve, ms);
  });
}

async function main(): Promise<void> {
  console.log("保存しています...");
  await wait(100); // ここで100ミリ秒待ってから次の行へ
  console.log("保存が完了しました");
}

main();

async function fetchUserId(mailAddress: string): Promise<number> {
  return mailAddress === "taro@example.com" ? 1 : 0;
}

async function fetchScreenName(userId: number): Promise<string> {
  return "user-" + userId;
}

async function main(): Promise<void> {
  // 前の await の結果を、次の呼び出しの引数に使う
  const userId = await fetchUserId("taro@example.com");
  const screenName = await fetchScreenName(userId);
  console.log(screenName);
}

main();

type Stock = { itemName: string; quantity: number };

function fetchStock(itemName: string, quantity: number): Promise<Stock> {
  return new Promise(function (resolve) {
    setTimeout(function () { resolve({ itemName: itemName, quantity: quantity }); }, 50);
  });
}

async function main(): Promise<void> {
  // 並行で問い合わせて、全部そろうまで await で待つ
  const stockList = await Promise.all([fetchStock("コーヒー", 12), fetchStock("紅茶", 4)]);
  for (const stockItem of stockList) {
    console.log(stockItem.itemName + ": 残り" + stockItem.quantity);
  }
}

main();