繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 异步调用框架 (Part 2 - 用例设计)
- Javascript
- IE与firefox下Dhtml的一些区别小结
- jQuery Selectors(选择器)的使用(一、基本篇)
- jQuery Selectors(选择器)的使用(二、层次篇)
- jQuery 跨域访问问题解决方法
- jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名
- javascript 面向对象全新理练之数据的封装
- javascript 面向对象全新理练之继承与多态
- javascript 面向对象全新理练之原型继承
- JavaScript 生成随机数并自动大小排序
- JavaScript利用split函数按规定截取字符串(获取邮箱用户名)
- JavaScript 双级下拉菜单实现代码
- JavaScript split()使用方法与示例
- 33种Javascript 表格排序控件收集
- js 屏蔽鼠标右键脚本附破解方法
- javascript json 新手入门文档
- jQuery Selectors(选择器)的使用(四-五、内容篇&可见性篇)
- javascript KeyDown、KeyPress和KeyUp事件的区别与联系
- javascript 汉字转拼音实现代码
- javascript 跳转代码集合
- JavaScript 申明函数的三种方法 每个函数就是一个对象（一）
Javascript 中的 JavaScript 异步调用框架 (Part 2 - 用例设计)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 245 ::
收藏到网摘: 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
