Menulis ulang menggunakan async/await
Tulis ulang salah satu contoh di bab ini Promises chaining menggunakan async/await daripada .then/catch:
function loadJson(url) {
return fetch(url)
.then(response => {
if (response.status == 200) {
return response.json();
} else {
throw new Error(response.status);
}
});
}
loadJson('no-such-user.json')
.catch(alert); // Error: 404
Catatannya ada di bawah kode:
async function loadJson(url) {
// (1)
let response = await fetch(url); // (2)
if (response.status == 200) {
let json = await response.json(); // (3)
return json;
}
throw new Error(response.status);
}
loadJson("no-such-user.json").catch(alert); // Error: 404 (4)
Catatan:
-
Function
loadJsonmenjadiasync. -
Semua
.thendi dalamnya di ganti denganawait. -
Kita dapat
return response.json()daripada menunggu untuk itu, seperti ini:if (response.status == 200) { return response.json(); // (3) }Lalu kode terluar harus
awaituntuk promise tersebut resolve. Dalam kasus kita, itu tidak masalah. -
Error yang dilempar dari
loadJsonditangani oleh.catch. Kita tidak bisa menggunakanawait loadJson(???)di sana, karena kita tidak berada di dalam functionasync.