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 相关文章推荐
jQuery学习2 选择器的使用说明
Feb 07 Javascript
用jQuery模拟select下拉框的简单示例代码
Jan 26 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
Oct 19 Javascript
jquery处理json对象
Nov 03 Javascript
transport.js和jquery冲突问题的解决方法
Feb 10 Javascript
使用AngularJS实现表单向导的方法
Jun 19 Javascript
JS控制表单提交的方法
Jul 09 Javascript
Javascript生成全局唯一标识符(GUID,UUID)的方法
Feb 27 Javascript
微信小程序自定义toast实现方法详解【附demo源码下载】
Nov 28 Javascript
vuejs 动态添加input框的实例讲解
Aug 24 Javascript
vue.js添加一些触摸事件以及安装fastclick的实例
Aug 28 Javascript
vue 遮罩层阻止默认滚动事件操作
Jul 28 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
使PHP自定义函数返回多个值
2006/11/26 PHP
CentOS 6.2使用yum安装LAMP以及phpMyadmin详解
2013/06/17 PHP
Youku 视频绝对地址获取的方法详解
2013/06/26 PHP
PHP实现的MongoDB数据库操作类分享
2014/05/12 PHP
php结合js实现点击超链接执行删除确认操作
2014/10/31 PHP
点击广告后才能获得下载地址
2006/10/26 Javascript
jQuery AJAX 调用WebService实现代码
2010/03/24 Javascript
jquery validate poshytip 自定义样式
2012/11/26 Javascript
js日期时间补零的小例子
2013/03/05 Javascript
jquery多选项卡效果实例代码(附效果图)
2013/03/23 Javascript
模仿password输入框的实现代码
2016/06/07 Javascript
jquery中的常见问题及快速解决方法小结
2016/06/14 Javascript
jQuery EasyUI菜单与按钮详解
2016/07/13 Javascript
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
2017/03/02 Javascript
vue-cli系列之vue-cli-service整体架构浅析
2019/01/14 Javascript
[57:59]EG vs Secret 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
[00:59]PWL开团时刻DAY7——我在赶
2020/11/06 DOTA
python使用chardet判断字符串编码的方法
2015/03/13 Python
python模拟enum枚举类型的方法小结
2015/04/30 Python
python dataframe常见操作方法:实现取行、列、切片、统计特征值
2018/06/09 Python
Pandas读写CSV文件的方法示例
2019/03/27 Python
Python常用模块之requests模块用法分析
2019/05/15 Python
Python 实现数据结构中的的栈队列
2019/05/16 Python
python中random.randint和random.randrange的区别详解
2020/09/20 Python
Python调用JavaScript代码的方法
2020/10/27 Python
python中用ggplot绘制画图实例讲解
2021/01/26 Python
Raffaello Network西班牙:意大利拉斐尔时尚购物网
2019/03/12 全球购物
英国运动服、设备及配件网站:DW Sports
2019/12/04 全球购物
药学专业个人自我评价
2013/11/11 职场文书
查环查孕证明
2014/01/10 职场文书
化妆品店促销方案
2014/02/24 职场文书
幼儿园大班毕业教师寄语
2014/04/03 职场文书
教师节主题班会方案
2015/08/17 职场文书
Pytorch 如何实现LSTM时间序列预测
2021/05/17 Python
理解python中装饰器的作用
2021/07/21 Python
台积电称即便经济低迷也没有降价的计划
2022/04/21 数码科技