異 步 JavaScript 可能比較難以推導。Promise 可幫助避免回調嵌套問題，但是，當網站存在大量異步依賴時，基於 Promise 的代碼仍可能難以讀取。Chrome 現在支持 async 和 await JavaScript 關鍵字，允許開發者編寫基於 Promise、可加以結構化並以同步代碼形式讀取的 JavaScript。
提取 URL 並使用 Promise 記錄響應：

1. functionlogFetch(url){
3. returnfetch(url)
5. .then(response=>response.text())
7. .then(text=>{
9. console.log(text);
11. }).catch(err=>{
13. console.error('fetchfailed',err);
15. });
17. }

使用 async 和 await 的相同代碼：

1. asyncfunctionlogFetch(url){
3. try{
5. constresponse=awaitfetch(url);
7. console.log(awaitresponse.text());
9. }
11. catch(err){
13. console.log('fetchfailed',err);
15. }
17. }