Promise
Promise是ES6标准提供的一个异步操作的很好的语法糖,对于原本的回调函数模式进行了封装,实现了对于异步操作的链式调用。并且配上generator以及async语法糖来使用更加方便。
虽然Promise当前在很多浏览器上都已经得到了支持,但是在看Promise的时候,发现对于Promise的很多地方仍然不是很了解。包括其内部的实现机制,写这个代码的目的也是在于对Promise的使用更加了如指掌。
Promise的具体使用方法可以看我的这一篇博客,这里就不对Promise对象本身的使用进行说明了,默认大家都已经掌握基本的Promise的使用方法了。如果不甚了解的话,请看Promise、generator和async/await。
具体的代码可以参见我的github中的fake-promise。
Promise对象的实现思路
初始化
首先,对于ES6原生的Promise对象来说,在初始化的过程中,我们传递的是一个function(resolve, reject){}
函数作为参数,而这个函数是用来进行异步操作的。
当写在这个参数函数中的异步操作成功之后,规范是将异步操作得到的结果进行处理之后,调用resolve(data)
函数来对结果进行链式处理。
如果异步操作失败的话,那么自然就是将失败原因处理之后,调用reject(err)
函数。
如下:
var p = new Promise(function(resolve, reject) {
fs.readFile('./readme', function(err, data) {
if (err) {
reject(err);
} else {
resolve(data);
}
});
});
也就是这个两个参数函数无论如何,都是会在异步操作完成之后调用的。
那针对这一点,可以先这样写Promise的构造函数(这是Promise-polyfill的大体框架和初始化函数):
const promiseStatusSymbol = Symbol('PromiseStatus');
const promiseValueSymbol = Symbol('PromiseValue');
const STATUS = {
PENDING: 'PENDING',
FULFILLED: 'FULFILLED',
REJECTED: 'REJECTED'
};
<