[源码]手写Promise

Promise A+规范: https://promisesaplus.com/

promise功能罗列

阅读Promise A+规范后,罗列下大致需要实现的功能


 1. excutor在构造函数执行时执行
 2. -----------Promise State--------------------------
 3. Promise只能是pending\fulfilled\rejected三种状态之一
 4. 处于pending的Promise接下来只会变成fulfilled或者rejected
 5. 处于fulfilled的Promise状态再也不能改变了,且拥有一个引用不能改变的值value
 6. 处于rejected的Promise状态也再不能改变,且拥有一个引用不能改变的失败原因reason
 7. ---------------------------------------------------
 8. -----------then()方法-------------------------------
 9. Promise要提供then方法来接受当前或者最终的value和reason
 10.then方法接受两个参数 new Promise().then(onFulfilled, onRejected)
 11.onFulfilled和onRejected这两个参数是非必选的,如果他们不是Function类型,则会被忽略(catch可以利用这一条来实现)
 10. 参数onFulFilled函数用value作为第一个参数,当且仅当Promise的状态变为fulfilled后执行,最多执行一次
 11. 参数onRejected函数用reason作为第一个参数,当且仅当Promise的状态变为rejected后执行,最多执行一次
 12. onFulfilled or onRejected must not be called until the execution context stack contains only platform code. [3.1].
 13. then可以被多次调用then may be called multiple times on the same promise.
If/when promise is fulfilled, all respective onFulfilled callbacks must execute in the order of their originating calls to then.
If/when promise is rejected, all respective onRejected callbacks must execute in the order of their originating calls to then.
14.then must return a promise [3.3].

 “promise2 = promise1.then(onFulfilled, onRejected);“
 
If either onFulfilled or onRejected returns a value x, run the Promise Resolution Procedure [[Resolve]](promise2, x).
If either onFulfilled or onRejected throws an exception e, promise2 must be rejected with e as the reason.
If onFulfilled is not a function and promise1 is fulfilled, promise2 must be fulfilled with the same value as promise1.
If onRejected is not a function and promise1 is rejected, promise2 must be rejected with the same reason as promise1.

除此之外,还有一部分The Promise Resolution Procedure

除彼之外,还有then的链式调用,简单精炼的概括下Promise的then链式调用的特点:
catch就是then、
成功:返回legal js value,返回成功态的Promise
失败:抛异常,返回失败态的Promise

代码实现

先实现下上面已经罗列出来的功能,后续功能在之后陆续补充完善

自定义_Promise类 (有几点注意,用箭头函数规避this指向问题;resovle和reject属于对象范畴,故不把他们放在Prototype上)

// _Promise.js

const PENDING = "pending", FULFILLED = "fulfilled", REJECTED = "rejected";

class _Promise {
  constructor(excutor) {
    this.status = PENDING;
    this.value = undefined;
    this.reason = undefined;

    const resovle = value => {
        if(this.status === PENDING) {
            this.status = FULFILLED;
            this.value = value;
        }
    }

    const reject = reason => {
        if(this.status === PENDING) {
            this.status = REJECTED;
            this.reason = reason;
        }
    }

    try{
        excutor(resovle, reject);
    }catch(e){
        reject(e);
    }
    
  }

  then(onFulFilled, onRejected) {
      if(this.status === FULFILLED){
          onFulFilled(this.value);
      }

      if(this.status === REJECTED){
          onRejected(this.reason);
      }
  }
}

module.exports = _Promise;

测试程序

const _Promise = require("./MyPromise");

let promise  = new _Promise((resovle, reject) => {
    // resovle("success");
    // reject("failed");
    throw new Error("ERRORRRR");
});

promise.then(value => console.log(value), reason => console.log(reason));

后续将补充then的链式调用,发布订阅模式.

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容