Promise的then方法是用于处理Promise对象的异步操作的。在JS中,Promise是一种常用的处理异步操作的方式,它提供了更为便捷和清晰的语法来处理异步操作。
then方法的基本使用方式如下:
promise.then(onFulfilled, onRejected);
其中,onFulfilled是Promise成功时的回调函数,在Promise对象的状态变为Fulfilled(已完成)时被调用;onRejected是Promise失败时的回调函数,在Promise对象的状态变为Rejected(已拒绝)时被调用。
具体来说,当Promise对象的状态为Fulfilled时,会调用onFulfilled函数并将Promise内部的值作为参数传递给它。而当Promise对象的状态为Rejected时,会调用onRejected函数并将Promise内部的错误信息作为参数传递给它。
下面是一个简单的示例代码,展示了Promise的then方法的使用:
function fetchData() {
return new Promise((resolve, reject) => {
// 模拟异步请求
setTimeout(() => {
const data = 'Hello World!';
resolve(data); // 成功时调用resolve,传递数据
// reject('Error occurred'); // 失败时调用reject,传递错误信息
}, 1000);
});
}
fetchData()
.then((data) => {
console.log('成功:', data);
})
.catch((error) => {
console.error('失败:', error);
});
在上述示例中,我们定义了一个fetchData函数,它返回一个Promise对象。在Promise构造函数中,我们模拟了一个异步请求,1秒后返回数据或错误。通过调用resolve或reject来改变Promise的状态。
在主程序中,我们调用fetchData函数,并通过then方法注册了成功时的回调函数和catch方法注册了失败时的回调函数。当fetchData函数内的异步操作完成后,根据返回的结果,会调用相应的回调函数。
需要注意的是,then方法返回的是一个新的Promise对象。通过链式调用then方法,可以实现对多个异步操作的依次处理。
总之,Promise的then方法是用于处理Promise对象的成功和失败状态的回调函数。它提供了一种便捷的方式来处理异步操作,并使得代码的可读性更好。