promise实现原理解析（设计思想）

promise作为es6的基本api，大家都用的很熟悉了。不过谈到promise的实现原理，可能很多人还很陌生，这里对promise的内部实现原理做下解析。

研究一种api或一个框架，最好的方法是要知道这背后能够实现的价值和自我提升，不能为了研究而研究。网上有很多博客或者专栏也在介绍，那么我们为什么要研究promise的内部实现原理呢，这对于编程或者业务又有怎样的帮助呢。

研究promise原理的必要性：

1，和回调函数的写法在更深层次有所对比

2，更加深入的认识异步事件操作

3，提升开发者人员的思维模式

一句话总结promise原理：resolve, reject两个函数控制promise内部状态，promise.then()根据状态执行不同的逻辑，实现异步。

promise的简单实现：
网上有各种帖子来实现promise，但是介绍设计思路的很少，以至于很多人并不知道为什么要这样去实现，接下来会从设计上来介绍一种promise的简单实现。

设计思路：

1，封装一个构造函数myPromise，给其设定一个内部状态status，有三种取值，分别对应peomise的三种状态 ，设定一个内部对象data，用于存储promise对象当前的值

说明：使用promise时，是进行new一个实例

           根据promise/A+规范，promise内部应该有三种状态

           promise对象内部有一个全局的存储值，以便promise进行链式调用

function myPromise(){  
        const self = this;
        self.status = 'pending';
        self.data = undefined;
        
}

2，给构造函数myPromise添加两个方法 resolve, reject

 说明：在new Promise时会传入接收两个入参 resolve, reject的回调函数，这两个函数需要在promise内部定义

function myPromise(cb){  //参数为一个函数，接收resolve, reject两个参数
        const self = this;
        self.status = 'pending';
        self.data = undefined;
        self.onResolvedCallback = [];
        self.onRejectedCallback = [];
        function resolve(value){
 
                if(self.status == 'pending'){
                    self.status = 'fulfilled'
                    self.data = value;
                    console.log(self.onResolvedCallback)
                    self.onResolvedCallback.map(item => {item(value)})
                }
            
        }
        function reject(reason){
            if(self.status == 'pending'){
                self.status = 'failed'
                self.data = reason;
                self.onResolvedCallback.map(item => {item(value)})
            }
        }
        try  {
            cb(resolve,reject)
        } catch(e) {
            reject(e)
        }
    }

3，给myPromise构造函数的原型上（实例上）添加一个then方法

说明：根据promise/A+规范，每一个promise实例都有一个then方法

myPromise.p