博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Promise API
阅读量:4312 次
发布时间:2019-06-06

本文共 1292 字,大约阅读时间需要 4 分钟。

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

转载于:https://www.cnblogs.com/formyjava/p/4166312.html

你可能感兴趣的文章
外国的月亮比较圆吗?外籍团队工作有感
查看>>
CentOS 关闭烦人的屏保
查看>>
分布式系统事务一致性解决方案
查看>>
ShuffleNet总结
查看>>
前后台验证字符串长度
查看>>
《算法导论 - 思考题》7-1 Hoare划分的正确性
查看>>
UVa 10491 奶牛和轿车(全概率公式)
查看>>
[Hadoop]-HDFS-架构篇
查看>>
Metronic-最优秀的基于Bootstrap的响应式网站模版
查看>>
20. Valid Parentheses
查看>>
IOS 简单的动画自定义方法(旋转、移动、闪烁等)
查看>>
js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange
查看>>
axios
查看>>
PostgreSQL导出一张表到MySQL
查看>>
MVC 前台向后台传输数据
查看>>
《少年先疯队》第四次作业:项目需求调研与分析
查看>>
IPv6 Scapy Samples
查看>>
Asp.Net Ajax的两种基本开发模式
查看>>
哈希——并查集结构——岛问题
查看>>
正则表达式
查看>>