写个 JavaScript 异步调用框架 (Part 4 - 链式调用)

核心提示： 在这个用例当中，我们在go传入初始化数据，写个 JavaScript 异步调用框架 (Part 4 - 链式调用)(2)，然后每一个next后面传入一个数据处理函数，这些处理函数按顺序对数据进行处理，result等于最后一个调用返回的结果，而completed自然是等于true，同步并存上

在这个用例当中，我们在go传入初始化数据，然后每一个next后面传入一个数据处理函数，这些处理函数按顺序对数据进行处理。

同步并存

上面的用例调用到的全部都是异步函数，不过我们最好能够兼容同步函数，让使用者无需关心函数的具体实现，也能使用这项功能。为此我们再写一个这样的用例：

Cat.Async.Operation.go(0)
　 .next(function(i) { alert(i); return i + 1; })
　 .next(function(i) {
　 　 alert(i);
　 　 var operation = new Cat.Async.Operation();
　 　 setTimeout(function() { operation.yield(i + 1); }, 1000);
　 　 return operation;
　 })
　 .next(function(i) { alert(i); return i + 1; })
　 .next(function(i) { alert(i); return i; });

在上述用例中，我们期待能够看到0, 1, 2, 3的提示信息序列，并且1和2之间间隔为1000毫秒。

异步本质

一个链式调用，本质上也是一个异步调用，所以它返回的也是一个Operation实例。这个实例自然也有result、state和completed这几个字段，并且当整个链式调用完成时，result等于最后一个调用返回的结果，而completed自然是等于true。

我们可以扩展一下上一个用例，得到如下用例代码：

var chainOperation = Cat.Async.Operation.go(0)
　 .next(function(i) { alert(i); return i + 1; })
　 .next(function(i) {
　 　 alert(i);
　 　 var operation = new Cat.Async.Operation();
　 　 setTimeout(function() { operation.yield(i + 1); }, 1000);
　 　 return operation;
　 })
　 .next(function(i) { alert(i); return i + 1; })
　 .next(function(i) { alert(i); return i; });

setTiemout(function() { alert(chainOperation.result; }, 2000);