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


Posted in Javascript onAugust 03, 2009

传递回调
我们首先要考虑的一个问题是,如何传递回调入口。在最传统的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方法将在下一篇文章讲述如果。
Javascript 相关文章推荐
一个cssQuery对象 javascript脚本实现代码
Jul 21 Javascript
关闭ie窗口清除Session的解决方法
Jan 10 Javascript
javascript插件开发的一些感想和心得
Feb 28 Javascript
jQuery实现查找链接文字替换属性的方法
Jun 27 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
Nov 16 Javascript
jQuery事件与动画基础详解
Feb 23 Javascript
详解AngularJS通过ocLazyLoad实现动态(懒)加载模块和依赖
Mar 01 Javascript
jstree单选功能的实现方法
Jun 07 Javascript
基于AngularJS实现表单验证功能
Jul 28 Javascript
vue 开发之路由配置方法详解
Dec 02 Javascript
vue 接口请求地址前缀本地开发和线上开发设置方式
Aug 13 Javascript
js实现随机圆与矩形功能
Oct 29 Javascript
JavaScript 异步调用框架 (Part 1 - 问题 & 场景)
Aug 03 #Javascript
jQuery 相关控件的事件操作分解
Aug 03 #Javascript
利用javascript实现一些常用软件的下载导航
Aug 03 #Javascript
jQuery 隔行换色 支持键盘上下键,按Enter选定值
Aug 02 #Javascript
一句话JavaScript表单验证代码
Aug 02 #Javascript
JavaScript 关键字屏蔽实现函数
Aug 02 #Javascript
Javascript 验证上传图片大小[客户端]
Aug 01 #Javascript
You might like
咖啡语言
2021/03/03 咖啡文化
通过对服务器端特性的配置加强php的安全
2006/10/09 PHP
微信公众号开发之微信公共平台消息回复类实例
2014/11/14 PHP
使用CSS3实现字体颜色渐变的实现
2021/03/09 HTML / CSS
Cookie 小记
2010/04/01 Javascript
Javascript delete 引用类型对象
2013/11/01 Javascript
jquery easyui combobox模糊过滤(示例代码)
2013/11/30 Javascript
js写的方法实现上传图片之后查看大图
2014/03/05 Javascript
a标签click和href执行顺序探讨
2014/06/23 Javascript
javascript的函数作用域
2014/11/12 Javascript
js动态修改表格行colspan列跨度的方法
2015/03/30 Javascript
node.js 中间件express-session使用详解
2017/05/20 Javascript
前端常见跨域解决方案(全)
2017/09/19 Javascript
JavaScript实现精美个性导航栏筋斗云效果
2017/10/29 Javascript
vue axios基于常见业务场景的二次封装的实现
2018/09/21 Javascript
Vue-input框checkbox强制刷新问题
2019/04/18 Javascript
python实现的重启关机程序实例
2014/08/21 Python
Python中尝试多线程编程的一个简明例子
2015/04/07 Python
Python环境下搭建属于自己的pip源的教程
2016/05/05 Python
Python远程视频监控程序的实例代码
2019/05/05 Python
pyqt5 使用cv2 显示图片,摄像头的实例
2019/06/27 Python
python实现文本进度条 程序进度条 加载进度条 单行刷新功能
2019/07/03 Python
django页面跳转问题及注意事项
2019/07/18 Python
如何使用python操作vmware
2019/07/27 Python
python实现扑克牌交互式界面发牌程序
2020/04/22 Python
Django数据结果集序列化并展示实现过程
2020/04/22 Python
Python+pyftpdlib实现局域网文件互传
2020/08/24 Python
Python中实现一行拆多行和多行并一行的示例代码
2020/09/06 Python
思想汇报格式
2014/01/05 职场文书
村主任群众路线个人对照检查材料
2014/09/26 职场文书
关于安全的广播稿
2014/10/23 职场文书
2015年幼儿园班主任个人工作总结
2015/10/22 职场文书
机关单位2016年创先争优活动总结
2016/04/05 职场文书
Python基础详解之邮件处理
2021/04/28 Python
使用canvas仿Echarts实现金字塔图的实例代码
2021/11/11 HTML / CSS
关于pytest结合csv模块实现csv格式的数据驱动问题
2022/05/30 Python