Promise 是一种在前端开发中经常使用的异步编程技术，它可以有效地解决回调地狱（Callback Hell）问题，提高代码的可读性和可维护性。在 Promise 中，resolve 和 reject 方法是非常重要的两个函数，本文将深入探讨这两个方法的用法和意义。
Promise 的基本语法
在开始探讨 resolve 和 reject 方法之前，我们先来了解一下 Promise 的基本语法。Promise 有三个状态：Pending（进行中）、Fulfilled（已完成）和 Rejected（已拒绝）。当 Promise 处于 Pending 状态时，它可以转化为 Fulfilled 或 Rejected 状态，并且一旦状态发生改变就不能再次改变。
Promise 的基本语法如下：
// www.javascriptcn.com code example
new Promise((resolve, reject) => {
// 异步操作代码
if (异步操作成功) {
resolve(返回值);
} else {
reject(错误信息);
}
}).then((返回值) => {
// 成功回调函数
}).catch((错误信息) => {
// 失败回调函数
});其中，Promise 构造函数接受一个回调函数作为参数，该回调函数包含两个参数：resolve 和 reject，分别表示异步操作成功和失败时的回调函数。Promise 类中的 then 方法用于指定异步操作成功后的回调函数，catch 方法用于指定异步操作失败后的回调函数。
resolve 方法
resolve 方法用于将 Promise 对象的状态从 Pending（进行中）转化为 Fulfilled（已完成）状态，并将异步操作的结果作为参数传递给 then 方法指定的成功回调函数。
resolve 方法的基本语法如下：
resolve(返回值);
其中，返回值可以是任何类型的值，包括基本数据类型和引用数据类型。
下面是一个使用 Promise 的示例代码：
// www.javascriptcn.com code example
let promise = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('Hello World');
}, 1000);
});
promise.then((msg) => {
console.log(msg); // 输出 Hello World
}).catch((error) => {
console.log(error);
});在上述代码中，我们使用 Promise 构造函数创建了一个 Promise 对象，并在异步操作成功时使用 resolve 方法将 Promise 对象的状态从 Pending 转化为 Fulfilled 状态，并将字符串 'Hello World' 作为参数传递给 then 方法指定的成功回调函数。
reject 方法
reject 方法用于将 Promise 对象的状态从 Pending（进行中）转化为 Rejected（已拒绝）状态，并将异步操作的错误信息作为参数传递给 catch 方法指定的失败回调函数。
reject 方法的基本语法如下：
reject(错误信息);
其中，错误信息可以是任何类型的值，包括基本数据类型和引用数据类型。
下面是一个使用 Promise 的示例代码：
// www.javascriptcn.com code example
let promise = new Promise((resolve, reject) => {
setTimeout(() => {
reject('发生错误');
}, 1000);
});
promise.then((msg) => {
console.log(msg);
}).catch((error) => {
console.log(error); // 输出 '发生错误'
});在上述代码中，我们使用 Promise 构造函数创建了一个 Promise 对象，并在异步操作失败时使用 reject 方法将 Promise 对象的状态从 Pending 转化为 Rejected 状态，并将字符串 '发生错误' 作为参数传递给 catch 方法指定的失败回调函数。
实际应用示例
下面是一个使用 Promise 链式调用的实际应用示例：
// www.javascriptcn.com code example
function getUserInfo(userId) {
return new Promise((resolve, reject) => {
setTimeout(() => {
if (userId === 1) {
resolve({ id: 1, name: '张三', age: 18 });
} else if (userId === 2) {
resolve({ id: 2, name: '李四', age: 20 });
} else {
reject('用户不存在');
}
}, 1000);
});
}
function getArticleInfo(userInfo) {
return new Promise((resolve, reject) => {
setTimeout(() => {
if (userInfo.id === 1) {
resolve(`${userInfo.name} 发布了一篇文章`);
} else if (userInfo.id === 2) {
resolve(`${userInfo.name} 发表了一个观点`);
} else {
reject('文章不存在');
}
}, 1000);
});
}
getUserInfo(1).then((userInfo) => {
return getArticleInfo(userInfo);
}).then((msg) => {
console.log(msg); // 输出 '张三 发布了一篇文章'
}).catch((error) => {
console.log(error); // 输出 '用户不存在' 或 '文章不存在'
});在上述代码中，我们使用了两个 Promise 对象链式调用的方式，实现了获取用户信息和获取文章信息的功能。在获取用户信息和获取文章信息时，都可能发生失败的情况，因此我们使用了 reject 方法将 Promise 对象的状态从 Pending 转化为 Rejected 状态，并把错误信息作为参数传递给 reject 方法指定的失败回调函数。
指导意义
resolve 和 reject 方法是 Promise 异步编程中非常重要的两个方法，它们可以用于对 Promise 对象的状态进行管理和调整。在实际应用中，我们可以根据异步操作的结果来使用 resolve 或 reject 方法，指定成功或失败时的回调函数，从而达到处理异步操作的目的，提高代码的可读性和可维护性。
通过学习本文，您应该已经掌握了 Promise 中 resolve 和 reject 方法的用法和意义，可以在实际应用中灵活运用这两个方法，高效地解决复杂的异步编程问题。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/67d72bb6a941bf7134d0356c