【JavaScript】深入理解Promise：从基础概念到进阶用法、手写promise

在JavaScript中，Promise是一个用于进行异步编程的对象。它代表了某个未来才会完成的事件，并且这个事件（通常是一个异步操作）的成功或失败都会有一个结果。

基础概念：

1. Promise对象有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。
2. Promise构造函数接收一个函数作为参数，该函数有两个参数：resolve和reject。
3. resolve函数在Promise的操作成功时被调用，并将Promise的状态从pending变为fulfilled。
4. reject函数在Promise的操作失败时被调用，并将Promise的状态从pending变为rejected。
5. then方法用于添加回调函数处理Promise的成功（fulfilled）和失败（rejected）状态。

进阶用法：

1. Promise.all：用于将多个Promise实例包装成一个新的Promise实例，只有所有的Promise都成功才返回成功状态，任何一个失败就返回失败状态。
2. Promise.race：用于包装多个Promise实例，只要有一个实例完成就直接返回该结果，不管是成功还是失败。
3. Promise.resolve：将现有对象转为Promise对象。
4. Promise.reject：创建一个失败的Promise对象。

手写Promise示例：

class MyPromise {
    constructor(executor) {
        this.status = 'pending';
        this.value = undefined;
        this.reason = undefined;
 
        const resolve = (value) => {
            if (this.status === 'pending') {
                this.status = 'fulfilled';
                this.value = value;
            }
        };
 
        const reject = (reason) => {
            if (this.status === 'pending') {
                this.status = 'rejected';
                this.reason = reason;
            }
        };
 
        try {
            executor(resolve, reject);
        } catch (error) {
            reject(error);
        }
    }
 
    then(onFulfilled, onRejected) {
        if (this.status === 'fulfilled') {
            onFulfilled(this.value);
        }
        if (this.status === 'rejected') {
            onRejected(this.reason);
        }
    }
}
 
// 使用示例
const promise = new MyPromise((resolve, reject) => {
    setTimeout(() => {
        resolve('Operation succeeded');
    }, 1000);
});
 
promise.then(
    value => console.log(value), // 成功回调
    reason => console.error(reason) // 失败回调
);

这个示例展示了如何简单地实现一个Promise的核心功能。在实际应用中，Promise还需要考虑链式调用、多个回调函数的管理、异步函数的封装等问题，但基于这个示例，可以扩展出更复杂的Promise实现。