一、Promise 简介

Promise 是 JavaScript 中用于处理异步操作的对象。它代表了一个最终将完成（并且可能带有结果值）或失败的异步操作及其结果值。

二、Promise 基本结构

Promise 对象有三种状态：Pending（进行中）、Fulfilled（已成功）和 Rejected（已失败）。

Promise 构造函数接收一个执行器（executor）函数作为参数，该执行器函数本身又接收两个函数作为参数，分别用于在异步操作成功和失败时调用。

三、Promise 使用示例

let promise = new Promise((resolve, reject) => {
    // 异步操作
    let success = true; // 这里假设异步操作成功
    if (success) {
        resolve('操作成功！');
    } else {
        reject('操作失败！');
    }
});

promise.then((result) => {
    console.log(result); // 输出: 操作成功！
}).catch((error) => {
    console.log(error); // 只有在失败时才会输出
});
        

四、Promise 链式调用

Promise 可以链式调用多个 .then() 方法，每个方法都可以依赖于前一个方法的结果。这对于处理多个异步操作非常有用。

五、Promise 实际应用案例

假设我们需要从一个 API 获取用户数据，然后根据用户数据再获取用户的详细信息。这两个操作都是异步的，使用 Promise 可以非常优雅地处理这种情况。

function fetchUserData() {
    return new Promise((resolve, reject) => {
        // 模拟异步请求
        setTimeout(() => {
            let userData = { id: 1, name: '张三' };
            resolve(userData);
        }, 1000);
    });
}

function fetchUserDetails(userId) {
    return new Promise((resolve, reject) => {
        // 模拟异步请求
        setTimeout(() => {
            let userDetails = { age: 25, address: '北京市' };
            resolve(userDetails);
        }, 1000);
    });
}

fetchUserData().then((userData) => {
    console.log(userData); // 输出: { id: 1, name: '张三' }
    return fetchUserDetails(userData.id);
}).then((userDetails) => {
    console.log(userDetails); // 输出: { age: 25, address: '北京市' }
}).catch((error) => {
    console.log(error); // 处理错误
});
        

六、总结

Promise 是 JavaScript 中处理异步操作的一种强大工具，通过它我们可以更轻松地实现异步操作的顺序执行、结果传递和错误处理等。掌握 Promise 的使用对于深入理解 JavaScript 的异步编程模型非常重要。