手写的Promise，需要的自行下载

Promise是JavaScript中的一个核心特性，用于处理异步操作。它为开发者提供了一种更好的方式来组织和管理异步代码，避免了回调地狱的问题。在本文中，我们将深入探讨如何一步步手写Promise，理解其内部机制。 Promise有三种状态：pending（等待中）、fulfilled（已成功）和rejected（已失败）。当Promise的状态从pending变为fulfilled或rejected时，我们称之为settled。一旦Promise被settle，其状态将不可逆。Promise对象通过then方法注册回调函数来处理这些状态变化。 我们需要创建一个构造函数Promise，它接受一个执行器函数executor作为参数。executor函数会立即执行，并接收两个参数，分别是resolve和reject，这两个是用于改变Promise状态的函数。 ```javascript function Promise(executor) { // 创建Promise实例的当前状态 let status = 'pending'; // 创建存放结果的变量 let value = null; // 创建fulfilled和rejected回调队列 let fulfilledQueue = []; let rejectedQueue = []; // 定义resolve和reject函数 function resolve(newValue) { if (status !== 'pending') return; status = 'fulfilled'; value = newValue; // 执行fulfilled队列中的回调 fulfilledQueue.forEach(callback => callback(value)); } function reject(newReason) { if (status !== 'pending') return; status = 'rejected'; value = newReason; // 执行rejected队列中的回调 rejectedQueue.forEach(callback => callback(value)); } // 将resolve和reject传入executor executor(resolve, reject); } ``` 接下来，我们需要实现Promise的then方法，它接收两个回调函数，一个用于处理fulfilled状态，另一个用于处理rejected状态。这些回调会被添加到对应的回调队列中，只有当Promise状态改变时，它们才会被执行。 ```javascript Promise.prototype.then = function(onFulfilled, onRejected) { // 创建一个新的Promise实例，用于链式调用 const newPromise = new Promise((resolve, reject) => { // 检查当前Promise状态 if (this.status === 'fulfilled') { // 如果已成功，执行onFulfilled回调 try { const result = onFulfilled(this.value); // 如果返回值是一个Promise，我们需要处理这个Promise if (result instanceof Promise) { result.then(resolve, reject); } else { resolve(result); } } catch (err) { reject(err); } } else if (this.status === 'rejected') { // 如果已失败，执行onRejected回调 try { const result = onRejected(this.value); if (result instanceof Promise) { result.then(resolve, reject); } else { resolve(result); } } catch (err) { reject(err); } } else { // 如果Promise仍处于pending状态，将回调添加到队列中 this.fulfilledQueue.push(() => { const result = onFulfilled(this.value); if (result instanceof Promise) { result.then(resolve, reject); } else { resolve(result); } }); this.rejectedQueue.push(() => { const result = onRejected(this.value); if (result instanceof Promise) { result.then(resolve, reject); } else { resolve(result); } }); } }); return newPromise; }; ``` 至此，我们已经实现了一个基本的Promise。通过这个手写版本，我们可以更深入地理解Promise的工作原理。在实际应用中，Promise还有很多高级特性，如catch、finally、all、race等，它们都是基于核心的Promise机制来扩展的。为了完全实现这些功能，我们需要继续扩展我们的Promise构造函数和原型方法。 这个压缩包文件"Promise"可能包含了更详细的手写Promise实现，包括上述未提到的高级特性的源代码。下载后，你可以仔细研究并实践，这对于提升JavaScript异步编程的理解和技能非常有帮助。通过这样的实践，你可以更好地应对复杂的异步场景，写出更优雅、可维护的代码。