繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 异步调用框架 (Part 2 - 用例设计)
- Javascript
- JQuery的ajax基础上的超强GridView展示
- js表格分页实现代码
- 下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
- Tab页界面，用jQuery及Ajax技术实现
- 用jQuery技术实现Tab页界面之二
- 通过JS 获取Mouse Position(鼠标坐标)的代码
- javascript 必知必会之closure
- jquery ajax 登录验证实现代码
- jQuery 使用手册(一)
- jQuery 使用手册(二)
- jQuery 使用手册(三)
- jQuery 使用手册(五)
- 用Javascript 获取页面元素的位置的代码
- 网页自动跳转代码收集
- JS 连锁泡泡 v1.1
- javascript的onchange事件与jQuery的change()方法比较
- jquery 模式对话框终极版实现代码
- javascript 页面划词搜索JS
- javascript String split方法误操作
- 一个JS小玩意 几个属性相加不能超过一个特定值.
Javascript 中的 JavaScript 异步调用框架 (Part 2 - 用例设计)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 262 ::
收藏到网摘: 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
