TIL. 42 await & async

📑 await, async

asyncおよびawaitはjavascriptの非同期処理構文の1つである.これは、従来の非同期処理方式の欠点、すなわち、コードが長くなり、復調地獄から脱し、コードの可読性を向上させるのに役立つ.

きほんけいじょう

const 함수명 = async() => {
  await 비동기 처리 코드
}

は、一般に、axiosと同様のプロセスのAPI呼び出し関数を返すために使用される.

const asyncCall = async() => {
  const data = await fetch()
  
  if (data.id === 1) {
    console.log(data.name)
  }
}

上のコードでは、fetchが呼び出され、データが受信されるとifゲート後出力コンソールに移動する.

異常処理（try catch）

promisが.catch()を使用するように、async&awaitも同様の異常処理を行うことができる.

コンテンツはerrorオブジェクトに含まれているため、タイプに応じて処理することができ、通信エラーや単純タイプエラーなどの一般的なエラーを見つけることもできる.

try内部には成功相関ロジックのみ、catch内部には失敗相関ロジックのみがあります.

const asyncCall = async() => {
  try {
    const data = await fetch()
  
    if (data.id === 1) {
      console.log(data.name)
    }
  } catch(error) {
    console.log(error);
  }
}