Promise API

来源:互联网 发布:vscode web开发插件 编辑:程序博客网 时间:2024/06/05 18:09
Promise API
    刚刚接触promise这个东西,网上看了很多博客,大部分是讲怎么用Promise,丝毫没提怎么实现Promise。 我不甘
心,可是真去看JQuery或者AngularJs中Promise的源码又觉得云里雾里。于是就想自己先试试能不能实习Promise的API,
然后再看源码深入学习。 (因为我觉得别人就算再怎么聪明,也不可能跳出Javascript的框架,我自己的实现无论如何
都应该可以为我学习Promise提供一定的基础。)
    通过一些博客,我也大体知道Promise的使用效果,觉得它有点类似Java中的观察者模式。Promise API中通过then
方法注册观察者,通过resolve或者reject方法通知观察者。有了这么个想法,实现Promise就简单了
    首先定义一个类:
    function Derfer(){

    }
    这个类(或者说方法)必须返回一个包含resolve,reject,then方法的对象,于是改造类如下:
    function Derfer(){
    
        return {
            resolve:function(){},
            reject:function(){},
            then:function(success,error){
            
            }
        };
    }
    现在要让then注册的观察者success(先称为成功观察者)和error(先成为失败观察者)能够分别在resolve和reject
方法中执行,那么最简单的方式就是通过全局变量,如下:
    function Derfer(){
        var obj={
            success:function(){},
            error:function(){}
            };
        return {
            resolve:function(){
                obj.success();
            },
            reject:function(){
                obj.error();
            },
            then:function(success,error){
                obj.success=success;
                obj.error=error;
            }
        };
    }
于是Defer 类就完成了。 现在用这个类试试能不能达到promise的效果。

    var d=new Derfer();
    /*这个get方法的实现可以放在某个库里面*/
    function get(url){
        $.ajax({
            url:url,
            success:function(){
                d.resolve();
            },
            error:function(){
                d.reject();
            }
        });
        return d;
    }
    /*对使用者来说只要调用下面的方法就行了*/
    get("http://xxx")
    .then(function(){
        alert('this is success');
    },function(){
        alert('this is error');
    });

当然实际编程中可能还要考虑更多的东西,不过我觉得Promise的核心实现也就应该是这个了。









0 0