简易promise的实现（一）

时间：2019-03-30 10:35:47 阅读：153 评论：0 收藏：0 [点我收藏+]

标签：简易 ISE 异步请求声明 efi turn cti 原理 img

最近在思考promise的实现原理

于是准备自己写一个简单的demo

一开始想到的问题有两个

1.链式调用

2.异步顺序执行

-------------------------------------------------

我们先声明一个异步操作的函数来模拟异步请求

    function http(url){
        return new MyPromise(function(resolve,reject){
            setTimeout(function(){
                resolve(url);
            },1000)
        })
    }

下面就开始写一个简单的promise

有 then,resolve，reject方法

1.then里面会有一个回调方法，我们用callback存起来

2.then回调之后可能会 return，我们用 res保存 callback的返回值，丢到下一个then的resolve中，作为参数。

3.注意，有时候我们没写then方法，所以没有回调。这个时候就要判断了，不需要执行回调

    function MyPromise(fn) {
        var res = null,
　　　　　　　callback = null;
        function resolve(val) {
            if(typeof(callback) === ‘function‘){
                res = callback(val);
            }
        }

        function reject(val){
            if(typeof(callback) === ‘function‘){
                res = callback(val);
            }
        }
        
        this.then = function (cb) {
            callback = cb;
                return new MyPromise(function(resolve,reject){
                     setTimeout(() => {
                         resolve(res);
                    }, 3000);
                })
        };

        fn(resolve,reject);
    }

现在我们调用一下

    http(‘www.123.com‘).then(function(res){
        console.log(res)
        return 123132;
    }).then(function(res){
        console.log(res)
     })

输出

技术图片