/**
KEQueue ―― Events Queue
@Author ake by 2010-04-25
http://www.cnblogs.com/akecn

@param data 事件隊(duì)列中每個(gè)事件都會(huì)將該參數(shù)作為第一個(gè)參數(shù)傳遞下去，除非通過(guò)KEQueue.status修改它的值。
@method next(Function) 下一個(gè)要執(zhí)行的事件。
@method wait(Number) 等待一定時(shí)間后執(zhí)行下一個(gè)事件。
@method sleep() 停止事件序列的執(zhí)行。
@method wake() 繼續(xù)執(zhí)行事件序列。
**/
var KEQueue = function(data) {
this.staticQueue = [];
this.asyncQueue = [];
this.status = "running";
this.result = data;
return this;
}
KEQueue.prototype = {
next:function(callback, async) {//添加一個(gè)方法
if(!!async) {
this.staticQueue.push("async");//如果是異步方法（會(huì)有延時(shí)效果的方法）就添加標(biāo)識(shí)
this.asyncQueue.push(callback);//延時(shí)方法的存放數(shù)組
}else {
this.staticQueue.push(callback);//直接觸發(fā)的方法的存放數(shù)組
}
return this;
},
wait:function(delay) {//延遲執(zhí)行序列
var self = this;
this.next(function() {//模擬添加一個(gè)延時(shí)方法
setTimeout(function() {
self.wake.call(self)
}, delay);
},true);
return this;
},
go:function() {//按事件添加的先后順序依次執(zhí)行事件
if(this.staticQueue.length == 0) return;

while(this.staticQueue.length > 0) {
if(this.status === "sleep") return;

var fun = this.staticQueue.shift();
if(typeof fun == "string" && fun == "async") {
fun = this.asyncQueue.shift();
fun(this.result);
this.sleep();
}else {
fun(this.result);
}
}
},
sleep:function() {
this.status = "sleep";
},
wake:function() {
this.status = "running";
this.go();
}
}

//示例1 添加事件、執(zhí)行事件隊(duì)列
function show(n) {
console.log(n);
}
var o = new KEQueue("0");
o.next(function(d) { //參數(shù)是構(gòu)造時(shí)傳遞的數(shù)據(jù)。整個(gè)事件隊(duì)列都會(huì)返回該數(shù)據(jù)作為參數(shù)。
show(d + 1);
}).next(function(d) {
setTimeout(function() { //模擬延時(shí)操作（異步操作）
show(d + 2);
o.result = 0; //更改用以傳遞的數(shù)據(jù)，如果不修改，該數(shù)據(jù)會(huì)保持一致一直傳遞到最后一個(gè)事件。
o.wake(); //需要手動(dòng)喚醒序列
},2000);
},true).next(function(d){
show(d + 3);
}).go();

o.next(function(d) {
setTimeout(function() {show(d + 4);o.wake(); },1000);
},true).wait(1000) //手動(dòng)推遲1秒執(zhí)行下面的方法
.next(function(d) {
show(d + 5);
}).go();

//示例2
o.next(function() {
show(1);
})
setTimeout(function() {
o.next(function(){
setTimeout(function() {
show(2);
o.wake();
},2000)
},true).go();
},1000);
setTimeout(function() {
o.next(function() {
show(3);
}).go();
},2000);