promise:es6 promise的简单实现

Promise是JavaScript中用于异步编程的一种解决方案，它在ES6中被正式引入，极大地改善了JavaScript处理异步操作的方式。Promise对象代表一个异步操作的最终完成或失败，并且允许进行链式调用，使得异步代码更加清晰、易于理解和管理。 在ES6规范中，Promise有三种状态，它们分别是： 1. **pending（等待中）**：初始状态，既没有完成也没有失败。 2. **fulfilled（已完成）**：操作成功完成，此时Promise的状态不会再改变。 3. **rejected（已失败）**：操作失败，同样，一旦进入此状态，Promise的状态不会改变。 Promise对象有两个主要的方法：`resolve`和`reject`，分别用于将Promise从pending变为fulfilled和rejected。还有一个构造函数，用于创建Promise实例。 下面是一个简单的Promise实现： ```javascript function Promise(executor) { let self = this; self.status = 'pending'; // 初始化状态为等待中 self.value = null; // 存储fulfilled状态的值 self.reason = null; // 存储rejected状态的原因 function resolve(value) { if (self.status === 'pending') { self.status = 'fulfilled'; self.value = value; self.onFulfilledCallbacks.forEach(callback => callback(value)); } } function reject(reason) { if (self.status === 'pending') { self.status = 'rejected'; self.reason = reason; self.onRejectedCallbacks.forEach(callback => callback(reason)); } } self.onFulfilledCallbacks = []; self.onRejectedCallbacks = []; executor(resolve, reject); // 执行传入的回调函数 } ``` 在上述实现中，Promise构造函数接收一个执行器函数`executor`，该函数会立即执行，并传入`resolve`和`reject`两个函数。当异步操作成功时，调用`resolve`，传递结果值；当操作失败时，调用`reject`，传递错误原因。`onFulfilledCallbacks`和`then`方法可以添加回调函数，当Promise状态变为fulfilled时执行。同样，`onRejectedCallbacks`对应的是`catch`方法，当Promise状态变为rejected时执行。 Promise还提供了一个`then`方法，用于处理异步操作的结果，`then`方法返回一个新的Promise实例，这样就可以进行链式调用： ```javascript Promise.prototype.then = function(onFulfilled, onRejected) { let self = this; return new Promise((resolve, reject) => { if (self.status === 'fulfilled') { setTimeout(() => { try { let result = onFulfilled(self.value); if (result instanceof Promise) { result.then(resolve, reject); } else { resolve(result); } } catch (e) { reject(e); } }, 0); } else if (self.status === 'rejected') { setTimeout(() => { try { let result = onRejected(self.reason); if (result instanceof Promise) { result.then(resolve, reject); } else { resolve(result); } } catch (e) { reject(e); } }, 0); } else { self.onFulfilledCallbacks.push(() => { try { let result = onFulfilled(self.value); if (result instanceof Promise) { result.then(resolve, reject); } else { resolve(result); } } catch (e) { reject(e); } }); self.onRejectedCallbacks.push(() => { try { let result = onRejected(self.reason); if (result instanceof Promise) { result.then(resolve, reject); } else { resolve(result); } } catch (e) { reject(e); } }); } }); }; ``` 此外，还有`catch`方法，用于处理Promise的错误： ```javascript Promise.prototype.catch = function(onRejected) { return this.then(null, onRejected); }; ``` 以上是一个基本的Promise实现，但实际的ES6 Promise还包括了更复杂的功能，如`finally`方法、错误传播（即未被捕获的错误会在微任务队列结束时抛出）以及A+规范中的其他细节。不过，这个简单的实现足以展示Promise的核心思想和工作原理。 在`promise-master`这个压缩包中，可能包含了Promise的进一步实现，包括测试用例和其他辅助功能，这些可以帮助我们更好地理解Promise的工作机制和如何在实际项目中应用。通过学习和研究这些内容，我们可以深入理解Promise，提高编写异步代码的能力。