【ajax核心04】利用async、await解决显式promise链问题
// 假设我们有一个fetchData函数,它返回一个Promise
function fetchData(url) {
return new Promise((resolve, reject) => {
// 模拟异步操作,例如发起HTTP请求
setTimeout(() => {
resolve({ url, data: '这里是数据' });
}, 2000);
});
}
// 使用async/await解决显式promise链问题
async function fetchDataAndProcess() {
try {
const url = 'https://example.com';
const data = await fetchData(url);
console.log('获取到的数据:', data);
// 进一步处理数据...
} catch (error) {
console.error('数据处理出错:', error);
}
}
// 调用异步函数
fetchDataAndProcess();
这段代码展示了如何使用async/await来简化Promise链,使得异步代码更像同步代码,提高了代码的可读性和可维护性。
评论已关闭