在JavaScript中，异步编程是处理耗时操作（如网络请求、文件读写等）的关键。随着JavaScript的不断发展，多种异步编程模式应运而生，其中Promises和Async/Await是目前最流行的两种。本文将介绍这两种模式的基本概念、用法以及它们之间的区别和联系。
Promises
Promises是ES6中引入的一种用于处理异步操作的机制。它代表了一个尚未完成但预期将来会完成的异步操作的结果。一个Promise有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。
javascript复制代码
function fetchData() { | |
return new Promise((resolve, reject) => { | |
// 模拟异步操作，例如网络请求 | |
setTimeout(() => { | |
// 成功时 | |
resolve("Data fetched successfully"); | |
// 或失败时 | |
// reject("Failed to fetch data"); | |
}, 1000); | |
}); | |
} | |
fetchData().then(data => { | |
console.log(data); // 输出: Data fetched successfully | |
}).catch(error => { | |
console.error(error); | |
}); |
Async/Await
Async/Await是建立在Promises之上的语法糖，它使得异步代码看起来和同步代码一样。async关键字用于声明一个异步函数，该函数会隐式返回一个Promise。await关键字用于等待Promise解决，并暂停async函数的执行，直到Promise被解决，然后继续执行async函数并返回解决结果。
javascript复制代码
async function fetchDataAsync() { | |
try { | |
const data = await new Promise((resolve) => { | |
setTimeout(() => resolve("Data fetched successfully"), 1000); | |
}); | |
console.log(data); // 输出: Data fetched successfully | |
} catch (error) { | |
console.error(error); | |
} | |
} | |
fetchDataAsync(); |
Promises与Async/Await的比较
- 可读性：Async/Await的语法更接近同步代码，使得异步逻辑更加直观易懂。
