async和await的使用示例

一個關於猜大小的代碼示例

function 猜大小(猜想) {
  return new Promise((resolve, reject) => {
    console.log('開始搖色子');
    setTimeout(() => {
      let n = parseInt(Math.random() * 10 + 1, 10);
      if (n > 5) {
        if (猜想 === "大") {
          resolve(n);
        } else {
          reject(n);
        }
      } else {
        if (猜想 === "小") {
          resolve(n);
        } else {
          reject(n);
        }
      }
    }, 3000);
  });
}

async function asyncCall() {
  try {
    let n = await 猜大小("大");
    console.log("我贏了" + n);
  } catch (error) {
    console.log("輸光了" + error);
  }
}

asyncCall();
複製代碼

固然以上的是每次執行的都是一次猜大小的結果，若是我須要的是屢次猜大小的結果呢？那麼可使用 promise.all()

async function asyncCall() {
  try {
    let n = await Promise.all([猜大小("大"),猜大小("大")]);
    console.log("我贏了" + n);
  } catch (error) {
    console.log("輸光了" + error);
  }
}
複製代碼

上面的代碼表示的就是等待屢次猜大小的執行結果，若是隻是須要屢次猜大小中的一個結果就好？那麼可使用Promise.race()

async function asyncCall() {
  try {
    let n = await Promise.race([猜大小("大"),猜大小("大")]);
    console.log("我贏了" + n);
  } catch (error) {
    console.log("輸光了" + error);
  }
}
複製代碼

async表示的是聲明一個異步函數，await表示的是接受函數返回的隱式promise結果。 try和catch配合使用。