2.5K
目錄
教程中我們學習了async及await的用法，接著來練習看看吧
範例練習
試試看自己寫一個使用 async 和 await 的範例。你可以從以下簡單的練習開始：
- 基本練習：寫一個
async函數，使用fetch來從一個 API 獲取資料，並使用console.log列印資料。 - 錯誤處理：改進你的
async函數，新增try...catch語句來處理可能的錯誤，並列印錯誤訊息。 - 多個非同步操作：在一個
async函數內連續呼叫兩次fetch，分別獲取不同的資料，並將結果結合在一起。
範例解答
1.基本練習：
async function fetchData() {
let response = await fetch('https://api.example.com/data');
let data = await response.json();
console.log(data);
}
fetchData();
2.錯誤處理：
async function fetchData() {
try {
let response = await fetch('https://api.example.com/data');
if (!response.ok) {
throw new Error('網路回應錯誤');
}
let data = await response.json();
console.log(data);
} catch (error) {
console.error('發生錯誤：', error);
}
}
fetchData();
3.多個非同步操作：
async function fetchMultipleData() {
try {
let response1 = await fetch('https://api.example.com/data1');
let data1 = await response1.json();
let response2 = await fetch('https://api.example.com/data2');
let data2 = await response2.json();
let combinedData = { data1, data2 };
console.log(combinedData);
} catch (error) {
console.error('發生錯誤：', error);
}
}
fetchMultipleData();
進階學習
探索更多來自 雖然沒準備什麼資料 的內容
訂閱即可透過電子郵件收到最新文章。