写个 JavaScript 异步调用框架 (Part 3 - 代码实现)

核心提示：在上一篇文章里，我们说到了要实现一个Cat.Async.Operation类，写个 JavaScript 异步调用框架 (Part 3 - 代码实现)，通过addCallback方法传递回调函数，并且通过yield方法返回回调结果，这样yield自然会调用这次添加到callbackQueue的回调函数，至于最后的ret

在上一篇文章里，我们说到了要实现一个Cat.Async.Operation类，通过addCallback方法传递回调函数，并且通过yield方法返回回调结果。现在我们就来实现这个类吧。

类结构

首先我们来搭一个架子，把需要用到的似有变量都列出来。我们需要一个数组，来保存回调函数列表；需要一个标志位，来表示异步操作是否已完成；还可以学IAsyncResult，加一个state，允许异步操作的实现者对外暴露自定义的执行状态；最后加一个变量保存异步操作结果。

var Cat = {};

Cat.Async = {
　 Operation: {
　 　 var callbackQueue = [];
　 　 this.result = undefined;
　 　 this.state = "waiting";
　 　 this.completed = false;
　 }
}

addCallback方法

接下来，我们要实现addCallback方法，它的工作职责很简单，就是把回调函数放到callbackQueue中。此外，如果此时completed为true，说明异步操作已经yield过了，则立即调用此回调。

this.yield = function(callback) {
　 callbackQueue.push(callback);
　 if (this.completed) {
　 　 this.yield(this.result);
　 }
　 return this;
}

我们假设yield方法会把callbackQueue中的回调函数逐个取出来然后调用，因此如果compeleted为true，则使用已有的result再调用一次yield就可以了，这样yield自然会调用这次添加到callbackQueue的回调函数。

至于最后的return this;，只是为了方便jQuery风格的链式写法，可以通过点号分隔连续添加多个回调函数：

asyncOperation(argument)
　 .addCallback(firstCallback)
　 .addCallback(secondCallback);