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 相关文章推荐
Js动态创建div
Sep 25 Javascript
Ext面向对象开发实践(续)
Nov 18 Javascript
表格 隔行换色升级版
Nov 07 Javascript
jQuery判断元素是否是隐藏的代码
Apr 24 Javascript
深入浅析Extjs中store分组功能的使用方法
Apr 20 Javascript
js实现带农历和八字等信息的日历特效
May 16 Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
Nov 26 Javascript
ES6入门教程之Class和Module详解
May 17 Javascript
js使用html2canvas实现屏幕截取的示例代码
Aug 28 Javascript
浅谈Node.js爬虫之网页请求模块
Jan 11 Javascript
Vue项目中设置背景图片方法
Feb 21 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
Jun 19 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/02 无线电
防止MySQL注入或HTML表单滥用的PHP程序
2009/01/21 PHP
PHP5.3.1 不再支持ISAPI
2010/01/08 PHP
有道搜索和IP138的IP的API接口(PHP应用)
2012/11/29 PHP
php实现转换ubb代码的方法
2015/06/18 PHP
[原创]PHPCMS遭遇会员投稿审核无效的解决方法
2017/01/11 PHP
JQuery 学习笔记 选择器之六
2009/07/23 Javascript
javascript一元操作符(递增、递减)使用示例
2013/08/07 Javascript
JQuery EasyUI 日期控件如何控制日期选择区间
2014/05/05 Javascript
jquery对table中各数据的增加、保存、删除操作示例
2014/05/14 Javascript
jQuery中closest()函数用法实例
2015/01/07 Javascript
如何在Linux上安装Node.js
2016/04/01 Javascript
js实现div模拟模态对话框展现URL内容
2016/05/27 Javascript
JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)
2016/12/14 Javascript
Ionic学习日记实现验证码倒计时
2018/02/08 Javascript
vue 表单验证按钮事件交由父组件触发的方法
2018/12/17 Javascript
inquirer.js一个用户与命令行交互的工具详解
2019/05/18 Javascript
使用next.js开发网址缩短服务的方法
2020/06/17 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
2020/07/22 Javascript
[46:59]完美世界DOTA2联赛PWL S2 GXR vs Ink 第二场 11.19
2020/11/20 DOTA
[45:16]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第一场 12.12
2020/12/16 DOTA
Python写的Tkinter程序屏幕居中方法
2015/03/10 Python
python感知机实现代码
2019/01/18 Python
python中 * 的用法详解
2019/07/10 Python
在django admin中添加自定义视图的例子
2019/07/26 Python
python 爬取学信网登录页面的例子
2019/08/13 Python
python中rc1什么意思
2020/06/19 Python
使用Python封装excel操作指南
2021/01/29 Python
CSS3实现文本垂直排列的方法
2018/07/10 HTML / CSS
Forever 21美国官网:美国标志性快时尚品牌
2017/02/20 全球购物
Sunglasses Shop德国站:欧洲排名第一的太阳镜网站
2017/08/01 全球购物
美国网上鞋子零售商:Dr. Scholl’s Shoes
2017/11/17 全球购物
房地产促销活动方案
2014/03/01 职场文书
住宅使用说明书
2014/05/09 职场文书
2015年护士长个人工作总结
2015/04/24 职场文书
2015秋季开学典礼新闻稿
2015/07/17 职场文书