当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 支持链式调用的异步调用框架Async.Operation

Javascript
jQuery1.3全新的Sizzle引擎实现CSS选择器
网页里做异步的跨域请求
WEBJX收集9个小巧实用的jQuery插件
JavaScript教程:switch-case
Javascript代码:校验身份证号程序
Webjx收集jQuery图片切换效果插件
JS触发A标签的点击事件
把Javascript代码放到body结束之上
jQuery教程:认识jQuery
Javascript 验证表单插件
javascript教程:call方法
不同页面中调用JS代码乱码问题
JavaScript获取事件对象的注意事项
非常简单的jQuery实现网页图片圆角
史上最昂贵的 Javascript 代码
学习JavaScript后的小结
Javascript教程:caller函数和callee属性
解决用户恶意刷新的二级高亮样式菜单
PS教程:用Photoshop模拟日全食
JS实例教程:检查变量类型

Javascript 中的 javascript 支持链式调用的异步调用框架Async.Operation


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 299 ::
收藏到网摘: n/a

javascript 支持链式调用的异步调用框架Async.Operation
复制代码 代码如下:

Async = {};
Async.Operation = function(options) {
options = options || {};
var callbackQueue = [];
var chain = (options.chain && options.chain === true) ? true : false;
var started = false;
var innerChain = null;
this.result = undefined;
this.state = "running";
this.completed = false;
this.yield = function(result) {
var self = this;
if (!chain) {
self.result = result;
self.state = "completed";
self.completed = true;
} else {
started = true;
self.result = result;
self.state = "chain running";
self.completed = false;
}
setTimeout(function() {
if (!innerChain) {
while (callbackQueue.length > 0) {
var callback = callbackQueue.shift();
if (chain) {
callbackResult = callback(self.result);
self.result = callbackResult;
if (callbackResult && callbackResult instanceof Async.Operation) {
innerChain = Async.chain();
while (callbackQueue.length > 0) {
innerChain.next(callbackQueue.shift());
}
innerChain.next(function(result) {
self.result = result;
self.state = "completed";
self.completed = true;
return result;
});
callbackResult.addCallback(function(result) {
self.result = result;
innerChain.go(result);
});
}
} else {
callback(self.result);
}
}
if (!innerChain) {
self.state = "completed";
self.completed = true;
}
} else {
while (callbackQueue.length > 0) {
innerChain.next(callbackQueue.shift());
}
innerChain.next(function(result) {
self.result = result;
self.state = "completed";
self.completed = true;
return result;
});
}
}, 1);
return this;
};
this.go = function(initialArgument) {
return this.yield(initialArgument);
}
this.addCallback = function(callback) {
callbackQueue.push(callback);
if (this.completed || (chain && started)) {
this.yield(this.result);
}
return this;
};
this.next = function(nextFunction) {
return this.addCallback(nextFunction);
};
};
Async.chain = function(firstFunction) {
var chain = new Async.Operation({ chain: true });
if (firstFunction) {
chain.next(firstFunction);
}
return chain;
};
Async.go = function(initialArgument) {
return Async.chain().go(initialArgument);
}