Promise API

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的核心实现也就应该是这个了。









posted @   502280728  阅读(297)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server如何跟踪自动统计信息更新?
· AI与.NET技术实操系列:使用Catalyst进行自然语言处理
· 分享一个我遇到过的“量子力学”级别的BUG。
· Linux系列:如何调试 malloc 的底层源码
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
阅读排行:
· 几个技巧,教你去除文章的 AI 味!
· 系统高可用的 10 条军规
· 对象命名为何需要避免'-er'和'-or'后缀
· 关于普通程序员该如何参与AI学习的三个建议以及自己的实践
· AI与.NET技术实操系列(八):使用Catalyst进行自然语言处理
点击右上角即可分享
微信分享提示