繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 异步调用框架 (Part 2 - 用例设计)
- Javascript
- JS+XML 省份和城市之间的联动实现代码
- ie与firefox下的event使用说明与详细区别
- Jquery 学习笔记（二）
- jQuery技巧大放送 学习jquery的朋友可以看下
- 使用jQuery简化Ajax开发 Ajax开发入门
- jQuery入门 构造函数
- JavaScript iframe的相互操作浅析
- JavaScript null和undefined区别分析
- JavaScript 替换Html标签实现代码
- jQuery 标题的自动翻转实现代码
- JavaScript读取中文cookie时的乱码问题的解决方法
- JavaScript 动态创建VML的方法
- JavaScript Array扩展实现代码
- javascript线性渐变一
- javascript 线性渐变二
- javascript 线性渐变三
- 滑动门式菜单 实现代码
- extjs 学习笔记（三） 最基本的grid
- javascript 操作cookies及正确使用cookies的属性
- JavaScript 基础知识 被自己遗忘的
Javascript 中的 JavaScript 异步调用框架 (Part 2 - 用例设计)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 154 ::
收藏到网摘: n/a
在上一篇文章里说到，我们要设计一个异步调用框架，最好能够统一同步异步调用的接口，同时具体调用顺序与实现方式无关。那么我们现在就来设计这样一个框架的用例。 传递回调
我们首先要考虑的一个问题是，如何传递回调入口。在最传统的XHR调用当中，回调函数会被作为最后一个参数传递给异步函数：
复制代码 代码如下:
function asyncOperation(argument, callback)
在参数相当多的时候，我们可以把参数放到一个JSON里面，这样参数就如同具名参数一样，可以通过参数名选择性的传递参数，不传递的参数相当于使用默认值。这是从Prototype开始就流行起来的做法：
复制代码 代码如下:
function asyncOperation(argument, options)
然而这两种做法都有一个坏处，就是把同步函数改为异步函数（或同步异步混合函数）时，必须显式地修改函数签名，在最后增加一个（或多个）参数。
由于在调用栈的底层引入异步函数对我们来说太常见了，为此可能要更改一大堆上层调用函数签名的成本实在是太高了，所以我们还是想一个不用修改函数签名的做法吧。
在这里我参考了.NET Framework的IAsyncResult设计，把异步操作有关的一切信息集中到一个对象上来，从而避免了对函数签名的修改。在此，我们假设一个异步函数的调用原型是这样子的：
复制代码 代码如下:
function asyncOperation(argument) {
operation = new Async.Operation();
setTimeout(function() { operation.yield("hello world"); }, 1000);
return operation;
}
在这段代码里，我们返回了一个Operation对象，用于将来传递回调函数。同时，我们通过setTimeout模拟了异步返回结果，而具体的返回方式就是yield方法。
接着，我们还要设计传递回调函数的方法。由于我们不能好像C#那样重载+=运算符，所以只能用函数传递回调函数：
复制代码 代码如下:
var operation = asyncOperation(argument);
operation.addCallback(function(result) { alert(result); });
在C#里面做这样的设计是不安全的，因为在异步操作可能在添加回调之前就完成了。但在JavaScript里面这样写是安全的，因为JavaScript是单线程的，紧接着asyncOperation的同步addCallback必然先执行，asyncOperation中的异步yield必然后执行。
调用顺序
可能有人要问，如果用户使用同步的方式来调用yield，这时候执行顺序不一样依赖于yield的实现吗？没错，不过yeild是在框架中一次性实现的，我们只要把它做成异步的就可以了，这样即使对它进行同步调用，也不影响执行顺序：
复制代码 代码如下:
function psudoAsyncOperation(argument) {
operation = new Async.Operation();
operation.yield("hello world");
return operation;
}
var operation = asyncOperation(argument);
operation.addCallback(function(result) { alert(result); });
就算把代码写成这个样子，我们也能确保addCallback先于yield的实际逻辑执行。
事后回调
有时候，框架的使用者可能真的写出了先yield后addCallback的代码。这时候，我认为必须保证addCallback中添加的回调函数会被立即触发。因为用户添加这个回调函数，意味着他期望当异步操作有结果时通知这个回调函数，而这与添加回调函数时异步操作是否完成无关。为此，我们再添加一个用例：
复制代码 代码如下:
function psudoAsyncOperation(argument) {
operation = new Async.Operation();
operation.yield("hello world");
return operation;
}
var operation = asyncOperation(argument);
setTimeout(function() {
operation.addCallback(function(result) { alert(result); });
}, 1000);
小结
到这里，我们就设计好了一个名为Async.Operation的异步操作对象，具体如何实现关键的yield方法和addCallback方法将在下一篇文章讲述如果。
评论 (0) All
