掌握Promise的链式调用与错误处理

Promise 是 JavaScript 中用于处理异步操作的重要工具。通过 Promise 可以让异步代码更加清晰和简洁。在实际开发中，我们经常需要使用 Promise 的链式调用来处理多个异步操作，以及利用错误处理机制来避免异常情况的发生。

1. Promise的链式调用

Promise 的链式调用允许我们在前一个 Promise 成功完成后，执行下一个操作。链式调用可以让多个异步操作按顺序执行。

1.1 基本链式调用

通过链式调用，then() 方法可以在一个 Promise 解决后返回一个新的 Promise，继续执行后续的操作。

// 创建一个 Promise，模拟异步操作
const promise = new Promise((resolve, reject) => {
    setTimeout(() => resolve("Hello"), 1000);  // 1秒后返回 "Hello"
});

promise
    .then(result => {
        console.log(result);  // 输出 "Hello"
        return "World";      // 返回新的 Promise
    })
    .then(result => {
        console.log(result);  // 输出 "World"
    });

中文注释：

在这个例子中，then() 方法链式调用，可以处理每个 Promise 成功的结果并返回新的值。第二个 then() 捕获到的是第一个 then() 返回的 "World"。

1.2 返回新的 Promise 对象

我们可以在 then() 方法中返回一个新的 Promise，这样可以使得链式调用中的每个步骤都变成异步操作。

const promise = new Promise((resolve, reject) => {
    setTimeout(() => resolve(1), 1000);  // 1秒后返回数字 1
});

promise
    .then(result => {
        console.log(result);  // 输出 1
        return new Promise((resolve) => resolve(result + 1));  // 返回新的 Promise
    })
    .then(result => {
        console.log(result);  // 输出 2
        return new Promise((resolve) => resolve(result + 1));  // 返回新的 Promise
    })
    .then(result => {
        console.log(result);  // 输出 3
    });

中文注释：

通过在 then() 中返回一个新的 Promise 对象，我们能够将每个异步操作连接起来，从而形成链式调用。

2. Promise中的错误处理

错误处理是异步编程中非常重要的一部分。在 Promise 中，错误处理通常通过 catch() 方法来实现。如果链式调用中某一步发生了错误，后续的 .catch() 将捕获并处理错误。

2.1 使用 `catch()` 处理错误

catch() 方法用于捕获链式调用中抛出的错误。它会拦截链式调用中任何步骤的异常，并提供统一的错误处理方式。

const promise = new Promise((resolve, reject) => {
    setTimeout(() => reject("Something went wrong!"), 1000);  // 1秒后返回错误
});

promise
    .then(result => {
        console.log(result);  // 不会被执行
    })
    .catch(error => {
        console.error(error);  // 输出 "Something went wrong!"
    });

中文注释：

在这个例子中，catch() 用于捕获并处理 Promise 中抛出的错误，防止程序崩溃。

2.2 链式调用中的错误处理

在链式调用中，错误会传递到下一个 catch() 方法。如果在链中的某个步骤抛出错误，那么 catch() 会捕获到这个错误并处理。

const promise = new Promise((resolve, reject) => {
    setTimeout(() => resolve("Start process"), 1000);  // 1秒后返回成功
});

promise
    .then(result => {
        console.log(result);  // 输出 "Start process"
        throw new Error("An error occurred");  // 手动抛出错误
    })
    .then(result => {
        console.log(result);  // 不会被执行
    })
    .catch(error => {
        console.error(error.message);  // 输出 "An error occurred"
    });

中文注释：

在链式调用中，当 then() 方法中出现错误时，错误会被传递到下一个 catch() 方法进行处理。

2.3 多重错误处理

如果多个 Promise 链条中都有可能发生错误，可以使用多个 catch() 进行多重错误处理，或者在链条的最后统一处理所有错误。

const promise1 = new Promise((resolve, reject) => {
    setTimeout(() => resolve("First promise resolved"), 1000);  // 第一个 Promise 成功
});

const promise2 = new Promise((resolve, reject) => {
    setTimeout(() => reject("Second promise failed"), 1500);  // 第二个 Promise 失败
});

promise1
    .then(result => {
        console.log(result);  // 输出 "First promise resolved"
        return promise2;
    })
    .catch(error => {
        console.error(error);  // 输出 "Second promise failed"
    });

中文注释：