概念
Promise是一个表示异步操作最终完成或失败的对象。它可以处于以下三个状态之一:
- Pending(进行中):初始状态,表示异步操作正在进行中。
- Fulfilled(已完成):表示异步操作成功完成。
- Rejected(已失败):表示异步操作失败。
当Promise从进行中状态转变为已完成或已失败状态时,称为Promise被"解决"(resolved)。
Promise对象具有以下特点:
- Promise是不可变的,一旦状态被解决,就不能再改变。
- Promise具有链式调用的能力,可以通过
.then()
方法添加处理已完成状态的回调,通过.catch()
方法添加处理已失败状态的回调。
语法
创建一个Promise对象需要使用new Promise()
构造函数,构造函数接受一个执行器函数作为参数,该执行器函数会立即执行。
执行器函数接受两个参数:resolve
和reject
。resolve
用于将Promise状态转变为已完成状态,reject
用于将Promise状态转变为已失败状态。
示例代码如下所示:
代码语言:javascript复制const promise = new Promise((resolve, reject) => {
// 异步操作的逻辑
if (/* 异步操作成功 */) {
resolve(result); // 将Promise状态转变为已完成状态,并传递结果
} else {
reject(error); // 将Promise状态转变为已失败状态,并传递错误信息
}
});
在上述代码中,我们创建了一个Promise对象,并在执行器函数中进行了异步操作。根据异步操作的结果,我们调用resolve
函数将Promise状态转变为已完成状态,并传递结果;或者调用reject
函数将Promise状态转变为已失败状态,并传递错误信息。
示例用法
让我们通过示例来理解Promise的使用。
代码语言:javascript复制const fetchData = () => {
return new Promise((resolve, reject) => {
setTimeout(() => {
const data = /* 异步获取的数据 */;
if (data) {
resolve(data); // 异步操作成功,将Promise状态转变为已完成,并传递数据
} else {
reject('Data not found'); // 异步操作失败,将Promise状态转变为已失败,并传递错误信息
}
}, 2000);
});
};
fetchData()
.then(data => {
console.log('Data:', data); // 处理已完成状态,输出数据
})
.catch(error => {
console.error('Error:', error); // 处理已失败状态,输出错误信息
});
在上述示例中,我们定义了一个fetchData()
函数,它返回一个Promise对象。在Promise的执行器函数中,我们模拟了一个异步操作,使用setTimeout
延迟2秒来模拟异步获取数据。
如果异步操作成功获取到数据,我们调用resolve
函数将Promise状态转变为已完成状态,并传递数据。如果异步操作失败,我们调用reject
函数将Promise状态转变为已失败状态,并传递错误信息。
通过.then()
方法,我们可以添加处理已完成状态的回调函数,并在回调函数中处理获取到的数据。通过.catch()
方法,我们可以添加处理已失败状态的回调函数,并在回调函数中处理错误信息。
通过Promise的链式调用,我们可以更加优雅地处理异步操作的结果,并避免了回调地狱的问题。