Loading content…
Loading content…
Master asynchronous JavaScript with Promises and async/await
Senior Developer Wisdom
// Creating a promise
const myPromise = new Promise((resolve, reject) => {
setTimeout(() => {
resolve("Success!");
}, 1000);
});
// Consuming a promise
myPromise
.then(result => console.log(result))
.catch(error => console.error(error));
// Async function returns a promise
const fetchUser = async (userId) => {
try {
const response = await fetch(`/api/users/${userId}`);
const data = await response.json();
return data;
} catch (error) {
console.error("Failed to fetch user:", error);
throw error;
}
};
// Using it
const user = await fetchUser(1);
Pro Tip
.then() chains. It's more readable and closer to synchronous code.const robustFetch = async (url) => {
try {
const response = await fetch(url);
if (!response.ok) {
throw new Error(`HTTP ${response.status}`);
}
return await response.json();
} catch (error) {
console.error("Request failed:", error);
// Handle or re-throw
}
};
Common Pitfall
Async Programming Checklist
Marking it complete updates your roadmap progress percentage.