非同期処理

非同期処理とは

前の処理が終わっていない状態でも後ろの処理を行うこと。

async awaitでの記述方法とPromiseでの記述方法(同義)

// 5秒待つ関数
const wait5Seconds = () => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log("finish!");
      resolve({result: "ok"});
    }, 5000)
  })
};
// Promise版
const onClickBtn = () => {
  wait5Seconds() // Promise
    .then((response) => {
      console.log("wait finish!");
      console.log(response.result); // "ok"
    });
};
// async/await版
const onClickBtn2 = async () => {
  const response = await wait5Seconds();
  console.log("wait finish!");
  console.log(response.result); // "ok"
};