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 中document.URL 和 windows.location.href 的区别
Nov 11 Javascript
Javascript计算两个marker之间的距离(Google Map V3)
Apr 26 Javascript
js验证电话号码与手机支持+86的正则表达式
Jan 23 Javascript
javascript常用的方法分享
Jul 01 Javascript
全面解析JavaScript中“&&”和“||”操作符(总结篇)
Jul 18 Javascript
卸载安装Node.js与npm过程详解
Aug 15 Javascript
D3.js实现文本的换行详解
Oct 14 Javascript
jQuery实现页面顶部下拉广告
Dec 30 Javascript
深入理解Javascript中的valueOf与toString
Jan 04 Javascript
JS实现图片点击后出现模态框效果
May 03 Javascript
用js简单提供增删改查接口
May 12 Javascript
vue element table中自定义一些input的验证操作
Jul 18 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
微信公众平台开发关注及取消关注事件的方法
2014/12/23 PHP
PHP之预定义接口详解
2015/07/29 PHP
Yii2.0高级框架数据库增删改查的一些操作
2015/11/16 PHP
PHP 获取客户端 IP 地址的方法实例代码
2018/11/11 PHP
Aliyun Linux 编译安装 php7.3 tengine2.3.2 mysql8.0 redis5的过程详解
2020/10/20 PHP
JavaScript OOP类与继承
2009/11/15 Javascript
JQuery 获取和设置Select选项的代码
2010/02/07 Javascript
Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器
2011/02/24 Javascript
javascript 弹出层组件(升级版)
2011/05/12 Javascript
js实现屏蔽默认快捷键调用自定义事件示例
2013/06/18 Javascript
JQuery中节点遍历方法实例
2015/05/18 Javascript
Bootstrap的图片轮播示例代码
2015/08/31 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
2016/11/16 Javascript
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
2016/11/23 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
2016/12/05 Javascript
js实现多行文本框统计剩余字数功能
2017/03/28 Javascript
Vue项目实现换肤功能的一种方案分析
2019/08/28 Javascript
Vue搭建后台系统需要注意的问题
2019/11/08 Javascript
JS实现单张或多张图片持续无缝滚动的示例代码
2020/05/10 Javascript
[02:40]DOTA2超级联赛专访430 从小就爱玩对抗性游戏
2013/06/18 DOTA
Python下的常用下载安装工具pip的安装方法
2015/11/13 Python
解决python3读取Python2存储的pickle文件问题
2018/10/25 Python
Python3批量生成带logo的二维码方法
2019/06/24 Python
pip 安装库比较慢的解决方法(国内镜像)
2019/10/06 Python
Python命名空间及作用域原理实例解析
2020/08/12 Python
Kathmandu新西兰官网:新西兰户外运动品牌
2019/07/27 全球购物
顶撞领导检讨书
2014/01/29 职场文书
外贸采购员岗位职责
2014/03/08 职场文书
工作建议书范文
2014/05/13 职场文书
文明和谐家庭事迹材料
2014/05/18 职场文书
音乐教师求职信
2014/06/28 职场文书
村党支部群众路线教育实践活动对照检查材料
2014/09/26 职场文书
2014年销售工作总结范文
2014/12/01 职场文书
给男朋友的道歉短信
2015/05/12 职场文书
社区服务理念口号
2015/12/25 职场文书
经典人生语录分享:不畏将来,不念过去,笑对当下
2019/12/12 职场文书