实现一个Promise-polyfill

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'
    };
    <
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值