手写基础Promise构造函数

实现前，先总结下promise的基本特点：

1.接受一个函数，函数的两个参数为两个回调函数，分别对应成功与失败。

2.一旦执行了一个回调方法，那么内部状态则会变为对应的成功或失败，不可逆（一旦改变后，不会再改变，并且不会执行本身以外的回调函数）

3.可以以then方法，实现链式的调用，接受两个参数，分别对应成功与失败

以上三点基本为一个promise的核心了，具体分段解析都写在下面代码的注释中：

// 创建pro构造函数
    function Pro(fn) {
        // 声明相关变量，status记录当前状态，后两者分别临时储存then的回调函数
        let status = 'pending', succallBacks, failcallBacks;
        // promise声明即调用，这时候临时储存then的回调函数
        this.then = function (fulfilled, rejected) {
            succallBacks=fulfilled;
            failcallBacks=rejected;
        }
        // 声明resolve，当调用了resolve的时候，将then传入的fulfilled函数调用，并将resolve得到的value作为参数传值给fulfilled
        function resolve(value) {
            // promise状态只能有一次变化，一旦变化，将不会改变，并且不会执行reject
            if(status === 'pending'){
                status = 'fulfilled'
                succallBacks(value)
            }
        }
        // reject，当调用了reject的时候，将then传入的rejected函数调用，并将value作为参数传值
        function reject(value) {
            // promise状态只能有一次变化，一旦变化，将不会改变，并且不会执行resolve
            if(status === 'pending') {
                status = 'rejected'
                failcallBacks(value)
            }
        }
        // 执行构造时传入的函数
        fn(resolve, reject);
    }
    let promise = new Pro((resolved,reject)=>{
        setTimeout(()=>{
            resolved('23')
            reject('66')
        },1000)
    })
// 一秒后输出 23 ，reject未执行
    promise.then((res)=>{
        console.log(res)

    },(status)=>{
        console.log(status)
    })

以上代码，声明Pro的时候，如果不是异步操作，会导致then的方法还没储存就已经调用，对此处理下（应该不是最优方法，有更好的方法欢迎指正）

setTimeout(()=>{
        function resolve(value) {
            // promise状态只能有一次变化，一旦变化，将不会改变，并且不会执行reject
            if(status === 'pending'){
                status = 'fulfilled'
                succallBacks(value)
            }
        }
        // reject，当调用了reject的时候，将then传入的rejected函数调用，并将value作为参数传值
        function reject(value) {
            // promise状态只能有一次变化，一旦变化，将不会改变，并且不会执行resolve
            if(status === 'pending') {
                status = 'rejected'
                failcallBacks(value)
            }
        }
        // 执行构造时传入的函数
        fn(resolve, reject);
 })

使用setTimeOut包裹then以外代码，利用其异步特性，确保在then赋值后才执行。此时，新建Pro的时候，参数不为异步操作也没有问题了。