繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 异步调用框架 (Part 2 - 用例设计)
- Javascript
- 颜色变换 像字符逐字输入的欢迎词
- CSS 伪类实现的鼠标滑动图片链接
- 百度用到的Js日历 大家可以看看
- CSS 渐变背景的6个演示代码
- Jquery 弹出层插件实现代码
- Javascript 模式实例 观察者模式
- [原创]javascript 指定区域内图片等比例缩放实现代码 脚本之家整合版
- javascript window对象属性整理
- JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
- WEB页子窗口(showModalDialog和showModelessDialog)使用说明
- 用JavaScript实现 铁甲无敌奖门人 “开口中”猜数游戏
- 理解 JavaScript 预解析
- 理解JavaScript变量作用域更轻松
- JavaScript的变量作用域深入理解
- javascript写的一个链表实现代码
- Js 打字效果 逐一出现的文字
- javascript 走马灯效果的链接提示
- CSS 动态链接提示
- JavaScript 事件的一些重要说明
- JavaScript 三种不同位置代码的写法
Javascript 中的 JavaScript 异步调用框架 (Part 2 - 用例设计)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 222 ::
收藏到网摘: 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
