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绑定事件this指向发生改变的问题解决方法
Apr 23 Javascript
javascript检测对象中是否存在某个属性判断方法小结
May 19 Javascript
javascript中的循环语句for语句深入理解
Apr 04 Javascript
一个php+js实时显示时间问题
Oct 12 Javascript
轻松实现javascript图片轮播特效
Jan 13 Javascript
EditPlus中的正则表达式 实战(2)
Dec 15 Javascript
Angular中支持SCSS的方法
Nov 18 Javascript
jquery实现搜索框功能实例详解
Jul 23 jQuery
Angular设置别名alias的方法
Nov 08 Javascript
JS拖动选择table里的单元格完整实例【基于jQuery】
May 28 jQuery
Layui 带多选框表格监听事件以及按钮自动点击写法实例
Sep 02 Javascript
vue 解除鼠标的监听事件的方法
Nov 13 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
国产动画《伍六七》原声大碟大卖,啊哈娱乐引领音乐赋能IP的新尝试
2020/03/08 国漫
php模拟服务器实现autoindex效果的方法
2015/03/10 PHP
如何写php守护进程(Daemon)
2015/12/30 PHP
ThinkPHP打水印及设置水印位置的方法
2016/10/14 PHP
php+lottery.js实现九宫格抽奖功能
2019/07/21 PHP
Laravel 之url参数,获取路由参数的例子
2019/10/21 PHP
Extjs gridpanel 出现横向滚动条问题的解决方法
2011/07/04 Javascript
Javascript 闭包引起的IE内存泄露分析
2012/05/23 Javascript
解析JSON对象与字符串之间的相互转换
2013/12/18 Javascript
删除条目时弹出的确认对话框
2014/06/05 Javascript
jQuery修改CSS伪元素属性的方法
2014/07/30 Javascript
js事件绑定快捷键以ctrl+k为例
2014/09/30 Javascript
JavaScript控制按钮可用或不可用的方法
2015/04/03 Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
2016/10/11 Javascript
微信小程序 Toast自定义实例详解
2017/01/20 Javascript
element-ui 表格实现单元格可编辑的示例
2018/02/26 Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
2019/09/23 Javascript
Vue实现点击按钮复制文本内容的例子
2019/11/09 Javascript
对python3 urllib包与http包的使用详解
2018/05/10 Python
python中使用while循环的实例
2019/08/05 Python
用Python解数独的方法示例
2019/10/24 Python
Python2与Python3的区别点整理
2019/12/12 Python
CSS3 中filter(滤镜)属性使用详解
2020/04/07 HTML / CSS
Hotels.com中国区:好订网
2016/08/18 全球购物
英国IT硬件供应商,定制游戏PC:Mesh Computers
2019/03/28 全球购物
白俄罗斯女装和针织品网上商店:Presli.by
2019/10/13 全球购物
英国领先的在线高尔夫商店:Gamola Golf
2019/11/16 全球购物
求职面试个人自我评价
2014/02/28 职场文书
腾讯广告词
2014/03/19 职场文书
建设单位项目负责人任命书
2014/06/06 职场文书
建筑安全标语
2014/06/07 职场文书
仲裁协议书
2014/09/26 职场文书
学生考试舞弊检讨书
2015/01/01 职场文书
2015年财务科工作总结范文
2015/05/13 职场文书
CSS3实现三角形不断放大效果
2021/04/13 HTML / CSS
MySQL数据库 安全管理
2022/05/06 MySQL