Promise
Promise是一种异步编程的解决方案，它可以解决回调地狱的问题，并提供了更优雅的代码结构。
创建一个Promise
使用Promise的构造函数可以创建一个新的Promise对象。它接受一个带有两个参数的回调函数，分别是resolve和reject。
const myPromise = new Promise((resolve, reject) => {
// 异步操作
});
Promise状态
Promise有以下三种状态：
- Pending（进行中）：Promise对象刚刚被创建，并且还没有完成或被拒绝。
- Fulfilled（已完成）：异步操作成功完成。
- Rejected（已拒绝）：异步操作失败。
一旦Promise被resolved或rejected，它的状态将不会再改变。
Promise的then方法
Promise对象有一个then方法，它接受两个回调函数作为参数。第一个回调函数在Promise被resolved时执行，第二个回调函数在Promise被rejected时执行。
myPromise.then(
(result) => {
// Promise被resolved时执行的代码
},
(error) => {
// Promise被rejected时执行的代码
}
);
Promise的链式调用
使用Promise的链式调用可以依次执行多个异步操作。
myPromise
.then((result) => {
// 第一个异步操作成功完成后的处理
return anotherPromise;
})
.then((result) => {
// 第二个异步操作成功完成后的处理
})
.catch((error) => {
// 处理任何一个异步操作的错误
});
Async/Await
Async/Await是ES8引入的一种更简洁的异步编程语法。它基于Promise，可以更方便地处理异步操作。
使用Async/Await
为了使用Async/Await，我们需要在一个函数前面加上async关键字，这样该函数将返回一个Promise对象。
async function myFunction() {
// 异步操作
}
在使用Async/Await的函数中，可以使用await关键字来等待一个Promise对象的解决结果。
async function myFunction() {
const result = await myPromise;
// 继续执行后续代码
}
错误处理
使用Async/Await时，在try块中等待异步操作的结果，可以使用catch块来处理可能的错误。
async function myFunction() {
try {
const result = await myPromise;
// 继续执行后续代码
} catch (error) {
// 处理错误
}
}
结论
Promise和Async/Await都是JavaScript中处理异步操作的强大工具。Promise可以解决回调地狱的问题，而Async/Await提供了更简洁的语法来处理异步操作。根据实际需求，选择合适的方式来处理异步编程将提高代码质量和可读性。
本文来自极简博客，作者：魔法少女酱，转载请注明原文链接：JavaScript中的Promise和Async/Await用法
