Promise 是 JavaScript 中用于处理异步操作的一种机制。它可以使异步代码更加优雅，易于维护和理解。其中，then 方法是 Promise 中最常用的方法之一，本文将详细解释 Promise 的 then 方法，并提供示例代码和指导意义。
Promise.then() 方法简介
Promise.then() 方法是 Promise 对象中最重要的方法之一。它用于处理 Promise 对象的状态，根据 Promise 对象的状态来执行不同的操作。
Promise.then() 方法接受两个参数：一个是处理 Promise 成功的回调函数，一个是处理 Promise 失败的回调函数。如果 Promise 对象状态为成功，那么就会执行第一个回调函数；如果状态为失败，就会执行第二个回调函数。
下面是 Promise.then() 方法的基本结构：
promise.then(onFulfilled, onRejected)
其中，onFulfilled 是 Promise 成功时的回调函数，onRejected 是 Promise 失败时的回调函数。
Promise.then() 方法的使用
下面是一个简单的 Promise 对象示例，用于异步获取数据：
const promise = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('data');
}, 1000);
});Promise.then() 方法可以用来处理 Promise 对象的状态。例如，可以使用 then 方法来处理 Promise 成功时的回调函数：
promise.then(data => {
console.log(data); // 输出 'data'
});上面的代码中，当 Promise 对象状态为成功时，将执行传递给 then 方法的回调函数，并输出 'data'。
同样，Promise.then() 方法也可以用来处理 Promise 失败时的回调函数。例如：
// www.javascriptcn.com code example
const promise = new Promise((resolve, reject) => {
setTimeout(() => {
reject(new Error('error'));
}, 1000);
});
promise.then(null, error => {
console.log(error.message); // 输出 'error'
});上面的代码中，当 Promise 对象状态为失败时，将执行传递给 then 方法的第二个回调函数，并输出错误信息。
Promise.then() 方法的链式调用
Promise.then() 方法支持链式调用，可以方便地处理多个异步操作。例如：
// www.javascriptcn.com code example
const promise = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('data');
}, 1000);
});
promise
.then(data => {
console.log(data); // 输出 'data'
return 'new data';
})
.then(data => {
console.log(data); // 输出 'new data'
});上面的代码中，第一个 then 方法返回一个新的 Promise 对象，第二个 then 方法接收到这个新的 Promise 对象并输出 'new data'。
Promise.then() 方法的指导意义
Promise.then() 方法是 Promise 中最常用的方法之一，它可以帮助我们更加优雅地处理异步操作。以下是 Promise.then() 方法的一些指导意义：
- Promise.then() 方法可以用来处理 Promise 对象的状态，根据 Promise 对象的状态来执行不同的操作。
- Promise.then() 方法可以链式调用，方便地处理多个异步操作。
- Promise.then() 方法的第二个参数可以省略，如果省略了第二个参数，则 Promise 失败时会自动抛出错误。
- Promise.then() 方法返回一个新的 Promise 对象，可以方便地处理异步操作的结果。
结论
Promise.then() 方法是 Promise 中最常用的方法之一，它可以帮助我们更加优雅地处理异步操作。本文详细解释了 Promise.then() 方法的用法和指导意义，并提供了示例代码。希望本文能够对读者有所帮助，使大家更加深入地理解 Promise 中的 then 方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/677c9c4e5c5a933a34376264