Promise 是 JavaScript ES6 中新增的一种处理异步操作的方式，它可以避免回调地狱，使异步代码更加清晰易读。本文将详细介绍 Promise 的使用方法及其相关概念，帮助读者更好地理解和应用 Promise。
Promise 的基本概念
Promise 是一个对象，它代表了一个异步操作的最终完成或失败，并返回一个结果。Promise 的状态有三种：pending（进行中）、fulfilled（已完成）和rejected（已失败）。
当 Promise 处于 pending 状态时，它可以转换为 fulfilled 或 rejected 状态。当异步操作成功完成时，Promise 会转换为 fulfilled 状态，并返回一个结果；当异步操作发生错误时，Promise 会转换为 rejected 状态，并返回一个错误信息。
Promise 对象有两个重要的方法：then() 和 catch()。then() 方法用于处理 Promise 对象 fulfilled 状态下的结果，catch() 方法用于处理 Promise 对象 rejected 状态下的错误信息。
Promise 的使用方法
创建 Promise 对象
创建 Promise 对象时，需要传入一个函数作为参数，这个函数包含两个参数：resolve 和 reject。resolve 用于将 Promise 对象的状态转换为 fulfilled，reject 用于将 Promise 对象的状态转换为 rejected。
const promise = new Promise((resolve, reject) => { // 异步操作 if (异步操作成功) { resolve(操作结果); } else { reject(错误信息); } });
使用 then() 方法处理 Promise 对象 fulfilled 状态下的结果
当 Promise 对象的状态为 fulfilled 时，可以使用 then() 方法获取 Promise 对象返回的结果。
promise.then((result) => { // 处理 Promise 对象 fulfilled 状态下的结果 }).catch((error) => { // 处理 Promise 对象 rejected 状态下的错误信息 });
使用 catch() 方法处理 Promise 对象 rejected 状态下的错误信息
当 Promise 对象的状态为 rejected 时，可以使用 catch() 方法获取 Promise 对象返回的错误信息。
promise.catch((error) => { // 处理 Promise 对象 rejected 状态下的错误信息 });
Promise 的示例代码
下面是一个使用 Promise 处理异步操作的示例代码，该代码实现了一个异步获取用户信息的功能。
-- -------------------- ---- ------- -------- ------------------- - ------ --- ----------------- ------- -- - -- ------ ------------- -- - -- ------- --- -- - --------- --- -- ----- ----- ---- --- --- - ---- - ---------------- - -- ------ --- - ------------------------------ -- - ---------------------- ---------------- -- - --------------------- ---展开代码
在上面的示例代码中，getUserInfo() 函数返回一个 Promise 对象，该函数模拟了一个异步获取用户信息的操作。当用户存在时，getUserInfo() 函数将 Promise 对象的状态转换为 fulfilled，并返回用户信息；当用户不存在时，getUserInfo() 函数将 Promise 对象的状态转换为 rejected，并返回错误信息。
在 then() 方法中，我们可以处理 Promise 对象 fulfilled 状态下的结果；在 catch() 方法中，我们可以处理 Promise 对象 rejected 状态下的错误信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67cb73b8e46428fe9e457d5d
