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的核心实现也就应该是这个了。
刚刚接触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的核心实现也就应该是这个了。
分类:
体会
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· SQL Server如何跟踪自动统计信息更新?
· AI与.NET技术实操系列:使用Catalyst进行自然语言处理
· 分享一个我遇到过的“量子力学”级别的BUG。
· Linux系列:如何调试 malloc 的底层源码
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· 几个技巧,教你去除文章的 AI 味!
· 系统高可用的 10 条军规
· 对象命名为何需要避免'-er'和'-or'后缀
· 关于普通程序员该如何参与AI学习的三个建议以及自己的实践
· AI与.NET技术实操系列(八):使用Catalyst进行自然语言处理