热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

es5实现promise,多异步请求返回数据

最近研究es6的promise觉得非常好用,还有jquery的$.Deferred()、node里面的Q模块,都研究了一遍,于是自己用es5写了一个类似的promise功能首先模块

  最近研究es6的promise觉得非常好用,还有jquery的 $.Deferred()、node里面的Q模块,都研究了一遍,于是自己用es5写了一个类似的promise功能

 首先模块代码

  1 var Q = {};
  2 Q.deffer = function() {
  3     var fn = {};
  4     var resolve = null;
  5     var reject = null;
  6     var dOne= null;
  7     var promis = {
  8         then: function(resolved, rejected) {
  9             resolve = resolved || function() {};
 10             reject = rejected || function() {};
 11             return promis;
 12         },
 13         done: function(doned) {
 14             dOne= doned || function() {};
 15             return promis;
 16         }
 17     };
 18 
 19     fn.promise = function() {
 20         return promis;
 21     };
 22 
 23     fn.resolve = function(data) {
 24         setTimeout(function() {
 25             if(resolve) {
 26                 resolve(data);
 27             }
 28             if(done) {
 29                 done();
 30             }
 31         }, 0)
 32 
 33     };
 34 
 35     fn.reject = function(data) {
 36         setTimeout(function() {
 37             if(reject) {
 38                 reject(data);
 39             }
 40             if(done) {
 41                 done();
 42             }
 43         }, 0)
 44 
 45     };
 46 
 47     return fn;
 48 }
 49 
 50 Q.all = function(list) {
 51     var fn = {};
 52     var resolve = null;
 53     var reject = null;
 54     var dOne= null;
 55     var resolveList = [];
 56     var rejectList = [];
 57     var promis = {
 58         then: function(resolved, rejected) {
 59             resolve = resolved || function() {};
 60             reject = rejected || function() {};
 61             return promis;
 62         },
 63         done: function(doned) {
 64             dOne= doned || function() {};
 65             return promis;
 66         }
 67     };
 68     
 69     var count = 0;
 70 
 71     for(var i = 0; i ) {
 72             try {
 73                 list[i].then(function(data) {
 74                     resolveList.push(data);
 75                     if(resolveList.length == list.length) {
 76                         if(resolve) {
 77                             resolve(resolveList);
 78                         }
 79                     }
 80                 }, function(data) {
 81                     rejectList.push(data);
 82                     if(reject) {
 83                         reject(data);
 84                     }
 85                 }).done(function() {
 86                     count++;
 87                     if(count >= list.length) {
 88                         if(done) {
 89                             done(resolveList,rejectList);
 90                         }
 91                     }
 92                 });
 93             } catch(e) {
 94                 if(done) {
 95                     done(resolveList,rejectList,e);
 96                 }
 97             }
 98 
 99     }
100     
101     
102     
103     return promis;
104 };

使用例子1

function _delay(time) {
			var def = Q.deffer();

			if(time == 1) {
				def.resolve({
					"正确": "success"
				});

			} else {
				def.reject({
					"错误": "error"
				});
			}

			return def.promise();
		}

		_delay(0).then(function(data) {
			console.log("then");
			console.log(data);

		}, function(err) {
			console.log(err);
		}).done();

  使用例子2

function request(){
		var deferred = Q.deffer();
		$.ajax({
			type:"get",
			url:"xxxxxxxxxxx",
			success:function(data){
				deferred.resolve(data);
			},
			error:function(error){
				deferred.resolve(error);
			}
		});	
		
		return deferred.promise();
	}
request().then(function(data){
			console.log(data);
		},function(err){
			console.log(err);
		}).done();

  Q.all的用法,多个异步操作

function request(){
		var deferred = Q.deffer();
		$.ajax({
			type:"get",
			url:"xxxxx",
			success:function(data){
				deferred.resolve(data);
			},
			error:function(error){
				deferred.resolve(error);
			}
		});	
		
		return deferred.promise();
	}
var promiseArr = [];
	
    promiseArr.push(request());
    promiseArr.push(request());
	Q.all(promiseArr).then(function(data){
		console.log(data);
	},function(er){
		console.log(er);
	}).done(function(resolve,reject,e){
		console.log(‘done‘);
	});

es5实现promise,多异步请求返回数据


推荐阅读
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
  • Mac OS 升级到11.2.2 Eclipse打不开了,报错Failed to create the Java Virtual Machine
    本文介绍了在Mac OS升级到11.2.2版本后,使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题,并提供了解决方法。 ... [详细]
  • 本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用,包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]
  • 本文介绍了通过ABAP开发往外网发邮件的需求,并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定,可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度:184字。 ... [详细]
  • 本文内容为asp.net微信公众平台开发的目录汇总,包括数据库设计、多层架构框架搭建和入口实现、微信消息封装及反射赋值、关注事件、用户记录、回复文本消息、图文消息、服务搭建(接入)、自定义菜单等。同时提供了示例代码和相关的后台管理功能。内容涵盖了多个方面,适合综合运用。 ... [详细]
  • 本文介绍了使用Java实现大数乘法的分治算法,包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]
  • HDU 2372 El Dorado(DP)的最长上升子序列长度求解方法
    本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法,通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]
  • 动态规划算法的基本步骤及最长递增子序列问题详解
    本文详细介绍了动态规划算法的基本步骤,包括划分阶段、选择状态、决策和状态转移方程,并以最长递增子序列问题为例进行了详细解析。动态规划算法的有效性依赖于问题本身所具有的最优子结构性质和子问题重叠性质。通过将子问题的解保存在一个表中,在以后尽可能多地利用这些子问题的解,从而提高算法的效率。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • 高质量SQL书写的30条建议
    本文提供了30条关于优化SQL的建议,包括避免使用select *,使用具体字段,以及使用limit 1等。这些建议是基于实际开发经验总结出来的,旨在帮助读者优化SQL查询。 ... [详细]
  • 本文介绍了指针的概念以及在函数调用时使用指针作为参数的情况。指针存放的是变量的地址,通过指针可以修改指针所指的变量的值。然而,如果想要修改指针的指向,就需要使用指针的引用。文章还通过一个简单的示例代码解释了指针的引用的使用方法,并思考了在修改指针的指向后,取指针的输出结果。 ... [详细]
  • 在project.properties添加#Projecttarget.targetandroid-19android.library.reference.1..Sliding ... [详细]
  • 猜字母游戏
    猜字母游戏猜字母游戏——设计数据结构猜字母游戏——设计程序结构猜字母游戏——实现字母生成方法猜字母游戏——实现字母检测方法猜字母游戏——实现主方法1猜字母游戏——设计数据结构1.1 ... [详细]
  • CentOS 7部署KVM虚拟化环境之一架构介绍
    本文介绍了CentOS 7部署KVM虚拟化环境的架构,详细解释了虚拟化技术的概念和原理,包括全虚拟化和半虚拟化。同时介绍了虚拟机的概念和虚拟化软件的作用。 ... [详细]
author-avatar
版中凌菱
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有