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

核心提示： 把链式调用的返回保存下来，在链式调用完成时，写个 JavaScript 异步调用框架 (Part 4 - 链式调用)(3)，它的result应该与最后一个操作的返回一致，在上述用例中，小结针对链式调用的需求，我们设计了如此多的用例，也就是3，调用时机尽管我们提供了一种链式调用方式

把链式调用的返回保存下来，在链式调用完成时，它的result应该与最后一个操作的返回一致。在上述用例中，也就是3。

调用时机

尽管我们提供了一种链式调用方式，但是用户不一定会按照这种固定的方式来调用，所以我们仍然要考虑兼容用户的各种可能用法，例如说异步地用next往调用链添加操作：

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

在这个用例当中，用户每隔1000毫秒添加一个操作，而其中第二个操作耗时2000毫秒。也就是说，添加第三个操作时第二个操作还没返回。作为一个健壮的框架，必须要能兼容这样的使用方式。

此外我们还要考虑，用户可能想要先构造调用链，然后再执行调用链。这时候用户就会先使用next方法添加操作，再使用go方法执行。

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

在上述用例中，用户通过chain和next添加了头同步操作和异步操作各一个，然后用go执行调用链，在调用链执行完毕之前又用next异步追加了一个操作。一个健壮的框架，在这样的用例当中应该能够如同用户所期望的那样提示0, 1, 2。

小结

针对链式调用的需求，我们设计了如此多的用例，包括各种奇怪的异步调用方式。最终如何实现这样的功能呢？

系列文章：

写个 JavaScript 异步调用框架 (Part 1 - 问题 & 场景)

写个 JavaScript 异步调用框架 (Part 2 - 用例设计)

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