自己重写Promise

在JavaScript的世界里，异步编程是必不可少的一部分，而Promise作为ES6引入的一种处理异步操作的工具，已经成为了现代JavaScript开发中的核心概念。本话题旨在深入理解Promise的原理，并尝试自己动手实现一个简单的Promise。 Promise这个词源自拉丁语，意为“承诺”，在JavaScript中，它代表了一个可能尚未完成但最终会完成的异步操作的结果。Promise有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。这些状态只能从pending变为fulfilled或rejected，且一旦改变，就不能再次改变，这就是所谓的“状态不可变”原则。 Promise的构造函数接受一个执行器函数executor，这个函数接收两个参数，分别是resolve和reject，它们是两个回调函数，用于改变Promise的状态。当异步操作成功时调用resolve，传递成功结果；当操作失败时调用reject，传递错误信息。 要自己实现Promise，首先需要创建一个对象来存储当前Promise的状态和值。这个对象通常包含一个私有变量来保存状态，以及一个值存储区。同时，我们需要提供then方法来注册回调函数，处理成功和失败的情况。then方法返回一个新的Promise，这是Promise链式调用的基础。 下面是一个基础的Promise实现： ```javascript function MyPromise(executor) { let state = 'pending'; // 初始状态 let value = null; // 存储结果或错误 const callbacks = []; // 存储回调函数 function resolve(newValue) { if (state === 'pending') { state = 'fulfilled'; value = newValue; callbacks.forEach(callback => callback(value)); } } function reject(newError) { if (state === 'pending') { state = 'rejected'; value = newError; callbacks.forEach(callback => callback(value)); } } executor(resolve, reject); return { then: function(onFulfilled, onRejected) { callbacks.push( onFulfilled && typeof onFulfilled === 'function' ? onFulfilled : value => value, onRejected && typeof onRejected === 'function' ? onRejected : error => { throw error; } ); return new MyPromise(executor); } }; } ``` 以上代码创建了一个名为MyPromise的构造函数，它接受一个执行器函数。在executor内部，我们调用了resolve和reject，根据异步操作的结果来更新Promise的状态。然后，then方法允许我们添加处理成功的回调onFulfilled和处理失败的回调onRejected。当状态改变时，会触发对应的回调并将结果传递给它们。 不过，这只是一个非常基础的实现，实际的Promise还包含了更多的特性，如catch、finally、静态方法all和race等。为了完全模拟原生Promise的行为，还需要进一步扩展和完善这个基础实现，例如处理回调的错误捕获、支持链式调用中的错误传递、以及对多个Promise并行处理的支持。 通过自己重写Promise，我们可以更深入地理解其内部机制，从而更好地运用在实际项目中，解决复杂的异步问题。这是一个提升JavaScript技能的好方法，也是对语言理解的一次深度探索。