使用Promise中的.then方法|极客笔记

使用Promise中的.then方法

在JavaScript中，Promise对象是用来处理异步操作的一种解决方案。Promise对象有三种状态，分别是pending（进行中）、fulfilled（已成功）、rejected（已失败）。当Promise对象处于pending状态时，可以通过.then方法来处理异步操作的结果。

语法

Promise对象有一个.then方法，用来为Promise对象添加状态改变后的回调函数。该方法接收两个参数，分别是成功时的回调函数和失败时的回调函数。这两个回调函数分别在Promise对象状态变为fulfilled或rejected时被调用。

.then方法的基本语法如下：

promise.then(onFulfilled, onRejected)

onFulfilled：当Promise对象状态变为fulfilled时调用的回调函数，接收Promise对象传递的成功结果作为参数。
onRejected：当Promise对象状态变为rejected时调用的回调函数，接收Promise对象传递的失败原因作为参数。

示例

下面通过一个简单的示例来演示如何使用Promise对象中的.then方法。

// 创建一个返回Promise对象的函数
function asyncTask() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            const result = Math.random();
            if (result >= 0.5) {
                resolve(result);
            } else {
                reject("Oops! Something went wrong");
            }
        }, 1000);
    });
}

// 调用asyncTask函数并使用.then方法处理结果
asyncTask().then(
    (successResult) => {
        console.log("Async task succeeded with result:", successResult);
    },
    (errorReason) => {
        console.log("Async task failed with reason:", errorReason);
    }
);

在上面的示例中，我们定义了一个名为asyncTask的函数，该函数返回一个Promise对象，在1秒后会根据生成的随机数的值决定Promise对象是成功还是失败。然后我们调用该函数，并使用.then方法分别处理成功和失败的情况。运行结果可能如下：

Async task succeeded with result: 0.7321890138457453

链式调用

除了单独使用.then方法处理Promise对象状态变化之外，还可以通过链式调用.then方法来依次处理多个异步操作。

asyncTask()
    .then((result) => {
        console.log("First async task succeeded with result:", result);
        return result * 2;
    })
    .then((result) => {
        console.log("Second async task succeeded with result:", result);
        return result * 3;
    })
    .then((result) => {
        console.log("Third async task succeeded with result:", result);
    })
    .catch((error) => {
        console.log("An error occurred:", error);
    });

在上面的示例中，我们通过链式调用.then方法依次处理了三个异步操作，每个.then方法都返回一个新的Promise对象，供下一个.then方法处理。如果其中任何一个.then方法中出现错误，可以通过.catch方法捕获并处理异常信息。

总结

使用Promise对象的.then方法可以方便地处理异步操作的结果，使代码更加清晰和易读。通过链式调用.then方法，可以便捷地处理多个异步操作的依赖关系。同时，使用Promise对象可以有效地避免回调地狱等问题，提高代码的可维护性和可读性。在实际开发中，建议充分利用Promise对象的.then方法来处理异步操作，使代码更加健壮和可靠。