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的跨域传输数据(JSONP)
Mar 10 Javascript
经过绑定元素时会多次触发mouseover和mouseout事件
Feb 28 Javascript
JavaScript如何实现对数字保留两位小数一位自动补零
Dec 18 Javascript
基于JavaScript实现文字超出部分隐藏
Feb 29 Javascript
客户端验证用户名和密码的方法详解
Jun 16 Javascript
解析Javascript单例模式概念与实例
Dec 05 Javascript
使用javaScript实现鼠标拖拽事件
Apr 03 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
May 31 Javascript
React 路由懒加载的几种实现方案
Oct 23 Javascript
Js实现复选框的全选、全不选反选功能代码实例
Feb 28 Javascript
vue 解决uglifyjs-webpack-plugin打包出现报错的问题
Aug 04 Javascript
关于JavaScript中异步/等待的用法与理解
Nov 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
php通过文件头检测文件类型通用代码类(zip,rar等)
2010/10/19 PHP
PHP 中检查或过滤IP地址的实现代码
2011/11/27 PHP
php读取excel文件的简单实例
2013/08/26 PHP
PHP保存session到memcache服务器的方法
2016/01/19 PHP
thinkphp5 migrate数据库迁移工具
2018/02/20 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
JavaScript让IE浏览器event对象符合W3C DOM标准
2009/11/24 Javascript
js截取函数(indexOf,join等)
2010/09/01 Javascript
node.js+express制作网页计算器
2016/01/17 Javascript
Vue.js仿微信聊天窗口展示组件功能
2017/08/11 Javascript
vue 中filter的多种用法
2018/04/26 Javascript
浅谈React 服务器端渲染的使用
2018/05/08 Javascript
JS二级菜单不同实现方法分析【4种方法】
2018/12/21 Javascript
vue中动态select的使用方法示例
2019/10/28 Javascript
JQuery常用简单动画操作方法回顾与总结
2019/12/07 jQuery
React中获取数据的3种方法及优缺点
2020/02/18 Javascript
实例分析javascript中的异步
2020/06/02 Javascript
Pyhton中防止SQL注入的方法
2015/02/05 Python
python中pandas.DataFrame排除特定行方法示例
2017/03/12 Python
Numpy 将二维图像矩阵转换为一维向量的方法
2018/06/05 Python
Python3编码问题 Unicode utf-8 bytes互转方法
2018/10/26 Python
python ddt数据驱动最简实例代码
2019/02/22 Python
Django model 中设置联合约束和联合索引的方法
2019/08/06 Python
python3.7实现云之讯、聚合短信平台的短信发送功能
2019/09/26 Python
python实现梯度下降和逻辑回归
2020/03/24 Python
Python数据库封装实现代码示例解析
2020/09/05 Python
英国No.1体育用品零售商:SportsDirect.com
2019/10/16 全球购物
澳大利亚窗帘商店:Curtain Wonderland
2019/12/01 全球购物
应聘自荐书
2013/10/08 职场文书
2015年信访工作总结
2015/04/07 职场文书
教师个人师德工作总结2015
2015/05/12 职场文书
因身体原因离职的辞职信范文
2015/05/12 职场文书
社区服务活动感想
2015/08/11 职场文书
大学班干部竞选稿
2015/11/20 职场文书
python flask框架快速入门
2021/05/14 Python
Java实现扫雷游戏详细代码讲解
2022/05/25 Java/Android