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对象的成功和失败状态的回调函数。它提供了一种便捷的方式来处理异步操作,并使得代码的可读性更好。