簡介

在Firebase範例裡，出現了一個沒看過的語法async await，這個語法是ES2017新增的語法，有興趣的同學可以閱讀下面的文章

    **async** function fetchData() {
      const querySnapshot = **await** getDocs(collection(db, "English"));
      const temp = [];
      querySnapshot.forEach((doc) => {
        temp.push(doc.data());
        console.log(`${doc.id} => ${doc.data().question}`);
      });
      setExams(() => [...temp]);
    }

在這裡，我們簡單的說明語法

當我們使用到的函數 (例如，getDocs())是非同步的函數時，await會停止程式的執行，一直到取得回傳值為止。
- 為了執行效率的關係，javascript預設的行為是呼叫會回傳promise的函數後就直接往下執行，所以，當我們忘記await的時候，會發現後面的程式碼無法取得getDocs()所回傳變數的內容。
只要一個函數中使用到await，函數就必須宣告為async
- 為了要能只暫停部分的步驟，所以，await必須用放在函數中，並將該函數宣告為async

有興趣了解來龍去脈的同學，可以閱讀以下的文章，基本上，要先了解callback函數，為了解決callback函數的問題，javascript提供了Promise，為了解決Promise語法上的困擾，又新增了async/await語法