waitFor和waitForAny的实现
waitFor和waitForAny的实现
在实现waitFor方法之前，我们先要搞明白下面这些问题：
1. waitFor方法的形参有限制吗?
没有!如果形参是Task类型,不应该启动Task,如果是function类型,会执行方法.所以waitFor的使用场景应该是waitFor(task1,task2),并且task1,2不知道何时启动(比如是用户点击界面按钮来启动)
2. 关于参数的传递。
1 var taskExp_0 = new Task(readFile, "123.txt");
2 var taskExp_1 = new Task(readFile, "aa.txt").start();
3 var taskExp_2 = new Task(readFile, "bb.txt");
4 var taskExp_3 = new Task(taskExp_0).waitFor(taskExp_1, taskExp_2).then(writeFile).start();
5 //taskExp_2模拟不知何时运行的Task,请在控制台运行下面代码
6 //taskExp_2.start();
上面例子中,taskExp_1,taskExp_2不接收taskExp_0的输出参数,我们希望writeFile可以通过this.Param[0],[1],[2]分别接收taskExp_0,taskExp_1,taskExp_2的输出参数。
明确了这样的设计后，下面是Task.js的实现细节和相关demo，有关waitFor和waitForAny的实现请看注释：
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
//promise
//读取文件的原始内容
var uploadFile = function (fileName) {
var _this = this;
window.setTimeout(function () {
console.log("uploadFile '" + fileName + "' complete.");
_this.end(fileName);
}, 1800);
};
//读取文件的原始内容
var readFile = function (fileName) {
_fileName = fileName || this.param;
var _this = this;
window.setTimeout(function () {
var rawContent = "xxxxxxxx (" + _fileName + ")";
console.log("read '" + _fileName + "' complete. rawContent is " + rawContent);
_this.end(rawContent);
}, 1000);
};
//请求服务器来解析原始内容,得到真正的内容
var resolveFile = function (serverUrl) {
var _this = this;
var rawContent = _this.param;
window.setTimeout(function () {
var realContent = "Greeting (" + serverUrl + ")";
console.log("resolve file complete. realContent is " + realContent);
_this.end(realContent);
}, 1500);
};
//把真正的内容写入文件
var writeFile = function (fileName) {
var _this = this;
window.setTimeout(function () {
console.log("writeBack1 param[0] is " + _this.param[0] + " ;param[1] is " + _this.param[1]);
_this.end();
}, 2000);
};
var sendMail = function () {
var _this = this;
window.setTimeout(function () {
console.log("sendMail finished");
_this.end();
}, 1000);
};
(function() {
var isFunction = function (target) {
return target instanceof Function;
};
var isArray = function (target) {
return target instanceof Array;
};
//自定义事件管理(代码摘抄自http://www.cnblogs.com/dolphinX/p/3254017.html)
var EventManager = function () {
this.handlers = {};
};
EventManager.prototype = {
constructor: EventManager,
addHandler: function (type, handler) {
if (typeof this.handlers[type] == 'undefined') {
this.handlers[type] = new Array();
}
this.handlers[type].push(handler);
},
removeHandler: function (type, handler) {
if (this.handlers[type] instanceof Array) {
var handlers = this.handlers[type];
for (var i = 0; i < handlers.length; i++) {
if (handler[i] == handler) {
handlers.splice(i, 1);
break;
}
}
}
},
trigger: function (type, event) {
/*
if(!event.target){
event.target = this;
}
*/
if(this.handlers[type] instanceof Array){
var handlers = this.handlers[type];
for(var i=0; i<handlers.length; i++){
handlers[i](event);
}
}
}
};
//所有检测条件返回{result: bool, output: obj}
var Condition = {
then: function(target){
return {result: !!target[0], output: target[0].value};
},
all: function(target){
var output = [];
for(var i=0; i<target.length; i++){
if(target[i]){
output.push(target[i].value);
}
else{
return {result: false};
}
}
return {result: true, output: output};
},
any: function(target){
for(var i=0; i<target.length; i++){
if(target[i]){
return {result: true, output: target[i].value};
}
}
return {result: false};
}
};
//option:{
// autoStart: bool, //自动启动
// keepInputParams: bool //是否把上一步传递过来的input传递给它的下一步
//}
//finishedCallback 表示WorkItem满足条件并结束的回调
var WorkItem = function(arrayArgs, finishedCallback, option){
var _subItems = [];
var _rawOutputParams = [];
//完成WorkItem的检测条件
var _condition;
var _input;
option = option || {};
//增加一个bool类型的属性autoStart,默认值为true,表示当调用_startSubItem时是否自动执行subItem(当subItem是task时根据autoStart参数来执行task,如果subItem是方法时,不管autoStart是什么都会执行)
option.autoStart = option.autoStart !== false;
//是否把上一步传递过来的input传递给它的下一步,默认false
option.keepInput = option.keepInput === true;
var _checkFunc = function(args){
if(isFunction(args[0])){
if(args.length == 2 && isArray(args[1])){
_subItems.push({'isFunc': true, 'func': args[0], 'args': args[1]});
}
else{
_subItems.push({'isFunc': true, 'func': args[0], 'args': args.slice(1)});
}
return true;
}
return false;
};
var _checkTask = function(task){
if(task instanceof Task){
_subItems.push({'isFunc': false, 'task': task});
}
};
if(!_checkFunc(arrayArgs)){
for(var i=0; i<arrayArgs.length; i++){
if(!_checkFunc(arrayArgs[i])){
_checkTask(arrayArgs[i]);
}
}
}
_rawOutputParams.length = _subItems.length;
var _startSubItem = function(subItemIndex){
var subItem = _subItems[subItemIndex];
if(subItem.isFunc){
var workItemCxt = _getSubItemContext(subItemIndex);
subItem.func.apply(workItemCxt, subItem.args);
}
else{
if(subItem.task.getStatus() == TaskStatus.finished){
_endSubItem(subItem.task.getOutput(), subItemIndex)
}
else{
subItem.task.finished(function(output){
_endSubItem(output, subItemIndex);
});
if(option.autoStart){
subItem.task.start(_input);
}
}
}
};
var _endSubItem = function(output, index){
_rawOutputParams[index] = {
'value': output
};
var testResult = Condition[_condition](_rawOutputParams);
if(testResult.result){
_onFinishedCallback(testResult.output);
}
};
var _merge = function(target, data){
if(data){
if(isArray(data)){
for(var i=0; i<data.length; i++){
target.push(data[i]);
}
}
else{
target.push(data);
}
}
};
var _onFinishedCallback = function(output){
//如果需要保留输入参数,那么需要对输入和输出参数来一个合并
if(option.keepInput){
var result = [];
_merge(result, _input);
_merge(result, output);
if(result.length == 0){
output = undefined;
}
else{
output = result;
}
}
finishedCallback(output)
};
var _getSubItemContext = function(index){
return {
param: _input,
end: function(output){
_endSubItem(output, index);
}
};
};
this.setCondition = function(condition){
_condition = condition;
};
this.start = function(input){
_input = input;
for(var i=0; i<_subItems.length; i++){
_startSubItem(i);
}
};
};
var ConditionWorkItem = function(finishedCallback){
this.start = function(input){
finishedCallback(input);
};
};
var TaskStatus = {
//未开始
pending: 0,
//正在进行
doing: 1,
//已完成
finished: 2
};
window.Task = function(){
var _status = TaskStatus.pending;
var _wItemQueue = [], _currentItem;
var _eventManager = new EventManager();
var _output;
//设置_wItemQueue队列的最后一个WorkItem的完成条件
var _setLastItemCondition = function(condition){
if(condition != null){
var last = _wItemQueue[_wItemQueue.length - 1];
//因为ConditionWorkItem是没有setCondition方法的(它也不需要判断条件),所以有这个if
if(last.setCondition){
last.setCondition(condition);
}
}
};
var _initWorkItem = function(condition, args, option){
_setLastItemCondition(condition);
var item;
if(args.length == 0){
item = new ConditionWorkItem(_finishCallback);
}
else{
var arrayArgs = [];
for(var i=0; i<args.length; i++){
arrayArgs[i] = args[i];
}
item = new WorkItem(arrayArgs, _finishCallback, option);
}
_wItemQueue.push(item);
return item;
};
//WorkItem完成的回调
var _finishCallback = function(output){
var next = _getCurNextItem();
if(next){
//如果有下一个WorkItem,就start它
_currentItem = next;
_currentItem.start(output);
}
else{
//如果没有就通知Task结束
_status = TaskStatus.finished;
_output = output;
_eventManager.trigger("finish", output);
}
};
var _getCurNextItem = function(){
var i=0;
for(; i<_wItemQueue.length; i++){
if(_currentItem == _wItemQueue[i]){
break;
}
}
return _wItemQueue[i + 1];
};
_currentItem = _initWorkItem(null, arguments);
this.getStatus = function(){
return _status;
};
this.getOutput = function(){
return _output;
};
this.finished = function(callback){
if(callback){
_eventManager.addHandler("finish", callback);
}
};
this.start = function(input){
if(_status == TaskStatus.pending){
_status = TaskStatus.doing;
//start的时候给最后一个WorkItem设置then条件
_setLastItemCondition("then");
_currentItem.start(input);
}
return this;
};
this.waitFor = function(){
//先初始化一个不会自启动的WorkItem,并且这个WorkItem把上一步传递过来的input传递给它的下一步
//进入这个WorkItem的条件是then,如果你想要进入条件是all,可以这样 xxxxx.all().waitFor(task1).xxxxx
_initWorkItem("then", arguments, {autoStart: false, keepInput: true});
//最后调用all()表示这个WorkItem里面的所有子Item必须都完成才能继续下一步
return this.all();
};
this.waitForAny = function(){
_initWorkItem("then", arguments, {autoStart: false, keepInput: true});
//前面和waitFor的逻辑一样,最后调用any()表示这个WorkItem里面的所有子Item完成其中一个就可以进入下一步
return this.any();
};
this.then = function(){
_initWorkItem('then', arguments);
return this;
};
this.all = function(){
_initWorkItem('all', arguments);
return this;
};
this.any = function(){
_initWorkItem('any', arguments);
return this;
};
};
})();
var taskExp_1 = new Task(readFile, "aa.txt").then(resolveFile, "/service/fileResolve.ashx?file=aa.txt");
var taskExp_2 = new Task(uploadFile, "bb.txt").then(readFile, "bb.txt").then(resolveFile, "/service/fileResolve.ashx?file=bb.txt");
var taskExp_3 = new Task(taskExp_1).waitFor(taskExp_2).then(writeFile, ["cc.txt"]).then(sendMail).start();
//taskExp_2模拟不知何时运行的Task,请在控制台运行下面代码
//taskExp_2.start();
</script>
</body>
</html>
waitFor和waitForAny的实现的更多相关文章
- 一步一步实现基于Task的Promise库（五）waitFor和waitForAny的实现
在实现waitFor方法之前,我们先要搞明白下面这些问题: 1. waitFor方法的形参有限制吗? 没有!如果形参是Task类型,不应该启动Task,如果是function类型,会执行方法.所以wa ...
- distribution 中一直在运行 waitfor delay @strdelaytime 语句
Replication 自动创建来一个 Job:Replication monitoring refresher for distribution,这个Agent执行一个sp: dbo.sp_repl ...
- selenium提供了三种模式的断言：assert,verify,waitfor
Assert:失败时,该测试将终止 Verify:失败时,该测试继续执行,并将错误日志记录在日显示屏 Waitfor:等待某些条件变为真,一般使用在AJAX应用程序的测试 断言常用的有,具体见如下:a ...
- Process的Waitfor() 引起代码死锁
Java用process调用c#的exe后,process.waitfor(). exe执行会停在某处.据说是waitfor引起的exe子线程死锁. 先存一个链接 http://yearsaaaa12 ...
- Delphi中线程类TThread实现多线程编程2---事件、临界区、Synchronize、WaitFor……
接着上文介绍TThread. 现在开始说明 Synchronize和WaitFor 但是在介绍这两个函数之前,需要先介绍另外两个线程同步技术:事件和临界区 事件(Event) 事件(Event)与De ...
- java Process的waitFor()
java Process的waitFor() 在编写Java程序时,有时候我们需要调用其他的诸如exe,shell这样的程序或脚本.在Java中提供了两种方法来启动其他程序: (1) 使用Runtim ...
- sql waitfor 延时执行
看MSDN:http://msdn.microsoft.com/zh-cn/library/ms187331.aspx 语法为: WAITFOR { DELAY 'time_to_pass' | TI ...
- Robotium API -- 等待执行的方法sleep、waitFor
测试中经常出现明明有控件或者文本,但是由于界面没有载入完成或者其他原因导致assert判断的结果失败.或者两次执行,一次成功,一次失败的情况.所以需要加入这些等待某些控件或者文本载入的方法,以加强程序 ...
- mysql定时执行及延时执行，实现类似sql server waitfor功能
熟悉SQL Server的人都知道,它有一个很有用的功能,waitfor time和waitfor delay,前者表示在某个时间执行,后者表示等待多长时间执行.在我们测试功能和定时执行的时候特别有用 ...
随机推荐
- Hadoop Java Hdfs API
1. 在本地文件系统生成一个文本文件,,读入文件,将其第101-120字节的内容写入HDFS成为一个新文件2. 在HDFS中生成文本文件,读入这个文件,将其第101-120字节的内容写入本地文件系统成 ...
- 深入Java虚拟机——类型装载、连接（转）
来自http://hi.baidu.com/holder/item/c38abf02de14c7d31ff046e0 Java虚拟机通过装载.连接和初始化一个Java类型,使该类型可以被正在运行的Ja ...
- 使用Xcode和Instruments调试解决iOS内存泄漏
尽管iOS 5.0加入版本号之后ARC机制,由于相互引用关系是复杂的.内存泄漏可能仍然存在.于是,懂原理是非常重要的. 这里讲述在没有ARC的情况下,怎样使用Instruments来查找程序中的内存泄 ...
- 微软发布Win10开发者指南视频
假设你是一个开发者,推荐你看看微软今天推出了一系列视频,标题是Win10开发人员指南,总体长度6时,多达22章内容,介绍很广泛.其实,即使你是编程新手或仅有兴趣,也值得一看. 开发人员Jerry Ni ...
- MySQL定义和变量赋值
变量可以在子程序(性能.存储过程.匿名块)声明和使用.这些变量的范围是在BEGIN...END规划. 变量的定义 语法格式: DECLARE var_name [, var_name]... data ...
- GPS转换为百度坐标
原文地址:http://www.cnblogs.com/zhaohuionly/archive/2013/06/18/3142623.html 最近在做一个关于手机定位的小应用,需求是这样的,用户通过 ...
- 教你Ant安装和配置
Ant它是基于Java施工工具,它的主要作用是产生能够运行Java计划,把握Ant一些功能可以使项目更专业. 忙乱,可以在这里下载2014年8最近一个月Ant http://download.csdn ...
- 【C++基础】类的组合
所谓类的组合是指:类中的成员数据是还有一个类的对象或者是还有一个类的指针或引用.通过类的组合能够在已有的抽象的基础上实现更复杂的抽象. 比如: 1.按值组合 #include<iostream. ...
- 从头开始学JavaScript (九)——执行环境和作用域
原文:从头开始学JavaScript (九)--执行环境和作用域 一.执行环境:定义了变量或者函数有权访问的其他数据,决定了它们各自的行为.每个执行环境都有与之关联的变量对象. 变量对象:保存着环境中 ...
- 用css2属性clip实现网页进度条
前言 看了网上一些关于网页进度条样式的资料,有很多方式实现,针对其展现形式,有用图片的,有用css2属性clip,有用flash的,本人就学会了一种,下面就简单来介绍一下. css2的属性clip 如 ...