简介
JavaScript 是一门单线程语言，因此它在执行异步操作时需要使用 callback 函数来处理异步操作的返回结果，这样会导致回调函数嵌套的问题，为了解决这个问题，ECMAScript 6 提供了 Promise，它是一种异步编程的解决方案。Promise 简化了异步代码的编写，并且使代码更加清晰易懂。
Promise 基本操作
Promise 对象有三种状态：pending，fulfilled 和 rejected。一个 Promise 对象在创建时是 pending 状态，当我们调用 resolve() 函数时，它会变成 fulfilled 状态，当调用 reject() 函数时，它会变成 rejected 状态。
Promise 可以用来异步响应函数的结果，这样就免去了使用回调函数这个过程。下面的代码展示了使用 Promise 的基本操作，它接收一个异步操作的方法作为参数，当异步操作处理完毕之后，使用 resolve() 函数通知 Promise 对象请求成功，使用 reject 函数通知请求失败。
-- -------------------- ---- -------
--- ----------------- ------- -- -
----------------------- ------- ----- -- -
-- ------- -
--------------
- ---- -
--------------
-
---
---------------- -- -
--------------------
---------------- -- -
-------------------
---上面的代码中，我们创建了一个 Promise 对象，使用 then() 函数处理成功状态，使用 catch() 函数处理失败状态。通常情况下，我们可以使用 Promise.all() 函数将多个 Promise 对象合并成一个。
Promise.all([promise1, promise2, promise3]) .then(([result1, result2, result3]) => { console.log(result1, result2, result3); }) .catch((error) => { console.log(error); });
另外，Promise 还提供了一些其他实用的方法，比如 Promise.race()，它用于同时处理多个 Promise 对象，但只处理最先达到完成状态的 Promise 对象。
Promise 的错误处理
当 Promise 对象被拒绝时，我们可以使用 catch() 函数来处理 Promise 对象的错误。如果 Promise 对象中没有捕获错误的代码块，那么 Promise 对象会抛出一个未处理的错误。
Promise.reject(new Error("Something went wrong"))
.then((result) => {
console.log(result);
})
.catch((error) => {
console.log(`Error: ${error.message}`);
});Promise 和 Async/Await
在实际编程中，我们经常使用 Async/Await 来处理异步操作，Async/Await 实际上是 Promise 的语法糖。
在使用 Async/Await 时，我们可以使用 try/catch 块来处理 Promise 对象的异常，需要注意的是，Async 函数返回的结果也是 Promise 对象。
async function asyncFunction() {
try {
const result = await promiseFunction();
console.log(result);
} catch (error) {
console.log(`Error: ${error}`);
}
}结论
Promise 是一种异步编程的解决方案，它可以帮助我们简化异步代码的编写，并且使代码更加清晰易懂。使用 Promise 可以帮助我们避免回调函数的嵌套问题，在编写代码时更加灵活和高效。同时，Promise 和 Async/Await 配合使用可以进一步提高代码的可读性和可维护性，从而帮助我们编写高质量的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676fb749e9a7045d0d75c026