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