让 JavaScript 轻松支持函数重载 (Part 2 - 实现)


Posted in Javascript onAugust 04, 2009

识别文本签名
我们先来回顾一下上一篇文章中提到的Overload用例:

var extend = Overload 
.add("*, ...", 
function(target) { }) 
.add("Boolean, *, ...", 
function(deep, target) { });

我们允许用户输入一个字符串,表示某一个重载的签名。在用户调用函数时,我们需要拿着用户输入的参数实例去跟签名上的每一个参数类型作比较,因此我们需要先把这个字符串转换为类型数组。也就是说,字符串"Boolean, Number, Array"应该转换为数组[Boolean, Number, Array]。

在进行转换之前,我们先要考虑处理两个特殊类型,就是代表任意类型的"*",和代表任意数量的"..."。我们可以为它们定义两个专有的类型,以便在Overload内对它们做出特殊的兼容性处理:

Overload.Any = function() {}; 
Overload.More = function() {};

在有了这两个类型之后,字符串"Boolean, *, ..."就会被正确转换为数组[Boolean, Overload.Any, Overload.More]。由于Overload.Any和Overload.More都是函数,自然也都可以看做类型。

在这两个类型得到正确处理后,我们就可以开始编写识别文本签名的转换函数了:

if (signature.replace(/(^\s+|\s+$)/ig, "") == "") { 
signature = []; 
} else { 
signature = signature.split(","); 
for (var i = 0; i < signature.length; i++) { 
var typeExpression = signature[i].replace(/(^\s+|\s+$)/ig, ""); 
var type = null; 
if (typeExpression == "*") { 
type = Overload.Any; 
} else if (typeExpression == "...") { 
type = Overload.More; 
} else { 
type = eval("(" + typeExpression + ")"); 
} 
signature[i] = type; 
} 
}

我想这段代码相当容易理解,因此就不再解释了。我第一次写这段代码时忘记写上面的第一个if了,导致空白签名字符串""无法被正确识别为空白签名数组[],幸好我的unit test代码第一时间发现了这个缺陷。看来编写unit test代码还是十分重要的。

匹配函数签名
在我们得到函数签名的类型数组后,我们就可以用它和输入参数的实例数组做匹配了,以此找出正确的重载。在讨论具体如何匹配函数签名以前,我们先来看看C#或VB.NET这样的语言是如何处理函数重载匹配的。一般语言进行函数重载匹配的流程都是这样子的:

参数个数 - 参数个数不对的重载会被排除掉
参数类型 - 参数类型无法隐式转换为签名类型的会被排除掉
匹配个数 - 排除完毕后,剩下匹配的签名个数不同处理方法也不同
0个匹配 - 没有命中的匹配
1个匹配 - 这个就是命中的匹配
2个或以上的匹配 - 如果能在这些匹配中找出一个最佳匹配,那就命中最佳匹配;否则不命中任何匹配
在这一节里面,我们先处理流程中的前两个步骤,把参数个数或参数类型不一致的签名去掉:

var matchSignature = function(argumentsArray, signature) { 
if (argumentsArray.length < signature.length) { 
return false; 
} else if (argumentsArray.length > signature.length && !signature.more) { 
return false; 
} 
for (var i = 0; i < signature.length; i++) { 
if (!(signature[i] == Overload.Any 
|| argumentsArray[i] instanceof signature[i] 
|| argumentsArray[i].constructor == signature[i])) { 
return false; 
} 
} 
return true; 
};

为了作长度对比,我们需要在这个函数外对表示任何参数个数的"..."作一下特殊处理:
if (signature[signature.length - 1] == Overload.More) { 
signature.length = signature.length - 1; 
signature.more = true; 
}

这一段代码将会整合到第一节的转换函数末端,以便matchSignature函数能够轻易判断出参数与签名是否匹配。在最理想的情况下,我们对输入参数类型匹配到0个或1个重载,这样我们很容易就判断出命中哪个重载了。但如果有2个或以上的重载匹配,那么我们就要从中挑选一个最优的了,这正是下一节要讨论的内容。

处理多重匹配
关于C#是如何从多重匹配中选出较为匹配的重载,可以看C# Language Specification中的有关章节。我觉得通过三个简单的例子就能说明问题:

long Sum(int x, int y) { return x + y; } 
long Sum(long x, long y) { return x + y; } 
Sum(0, 1);

由于0和1这两个参数会被编译器理解为int类型,对于第1个重载它们都不用进行类型转换,都与第2个重载它们都要进行类型转换,因此第1个重载较优。

long Sum(int x, long y) { return x + y; } 
long Sum(long x, int y) { return x + y; } 
Sum(0, 1);

在第1个参数上,第1个重载较优;在第2个参数上,第2个重载较优。在这种情况下,任何一个重载都不优于另一个,找不到较优重载编译器就报错。

long Sum(int x, int y) { return x + y; } 
long Sum(int x, long y) { return x + y; } 
long Sum(long x, int y) { return x + y; } 
Sum(0, 1);

在第1个参数上,第1个重载优于第3个重载,于第2个重载无异;在第2个参数上,第1个重载优于第2个重载,于第3个重载无异。尽管第2个重载于第3个重载分不出个优劣来,但我们可以确定第1个重载比它们都要好,因此编译器选择了第1个重载。

假设我们有一个overloadComparator的比较函数,可以比较任意两个签名之间的优劣,我们需要对签名仅仅两两比较,以找出最优重载吗?事实上是不需要的,我们可以利用Array的sort方法,让它调用overloadComparator进行排序,排序后再验证前两名的关系就可以了——如果并列,则不命中任何一个;如果有先后之分,则命中第一个。

具体的overloadComparator代码就不在这里给出了,它依赖于另一个名为inheritanceComparator的比较函数来对比两个签名的参数类型哪一个更贴实际传入的参数类型,里面用到了一种比较巧妙的方法来判断两个类型是否为继承关系,以及是谁继承自谁。

小结
现在我们有了一个JavaScript的函数重载库,完整代码请看这里:函数重载库Overload。希望这个库能有效帮助大家提升JavaScript代码的可读性,降低大型Ajax项目的维护成本。

Javascript 相关文章推荐
JavaScript 继承详解 第一篇
Aug 30 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
Sep 29 Javascript
JavaScript 封装一个tab效果源码分享
Sep 15 Javascript
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
May 25 Javascript
微信小程序 form组件详解
Oct 25 Javascript
JQuery 动态生成Table表格实例代码
Dec 02 Javascript
DWR3 访问WEB元素的两种方法实例详解
Jan 03 Javascript
bootstrap实现的自适应页面简单应用示例
Mar 09 Javascript
angularjs封装$http为factory的方法
May 18 Javascript
妙用缓存调用链实现JS方法的重载
Apr 30 Javascript
jsonp跨域获取数据的基础教程
Jul 01 Javascript
vue穿梭框实现上下移动
Jan 29 Vue.js
让JavaScript 轻松支持函数重载 (Part 1 - 设计)
Aug 04 #Javascript
JavaScript 异步调用框架 (Part 6 - 实例 &amp; 模式)
Aug 04 #Javascript
javascript 支持链式调用的异步调用框架Async.Operation
Aug 04 #Javascript
JavaScript 异步调用框架 (Part 5 - 链式实现)
Aug 04 #Javascript
JavaScript 异步调用框架 (Part 4 - 链式调用)
Aug 04 #Javascript
JavaScript 异步调用框架 (Part 3 - 代码实现)
Aug 04 #Javascript
JavaScript 异步调用框架 (Part 2 - 用例设计)
Aug 03 #Javascript
You might like
编写PHP的安全策略
2006/10/09 PHP
PHP的cURL库简介及使用示例
2015/02/06 PHP
php通过排列组合实现1到9数字相加都等于20的方法
2015/08/03 PHP
PHP实现单文件、多个单文件、多文件上传函数的封装示例
2019/09/02 PHP
Js event事件在IE、FF兼容性问题
2011/01/01 Javascript
40款非常棒的jQuery 插件和制作教程(系列一)
2011/10/26 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
2014/12/17 Javascript
jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法
2015/08/07 Javascript
JavaScript变量的作用域全解析
2015/08/14 Javascript
javascript引用类型之时间Date和数组Array
2015/08/27 Javascript
JS运动相关知识点小结(附弹性运动示例)
2016/01/08 Javascript
JavaScript和jQuery获取input框的绝对位置实现方法
2016/10/13 Javascript
JS实现图片预加载之无序预加载功能代码
2017/05/12 Javascript
vue-cli中的webpack配置详解
2017/09/25 Javascript
jquery实现楼层滚动效果
2018/01/01 jQuery
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
微信小程序缓存过期时间的使用详情
2019/05/12 Javascript
js实现的在本地预览图片功能示例
2019/11/09 Javascript
Python的多态性实例分析
2015/07/07 Python
Python编程实现数学运算求一元二次方程的实根算法示例
2017/04/02 Python
Python中序列的修改、散列与切片详解
2017/08/27 Python
kafka监控获取指定topic的消息总量示例
2019/12/23 Python
M1芯片安装python3.9.1的实现
2021/02/02 Python
Hibernate持久层技术
2013/12/16 面试题
新闻专业应届生求职信
2013/10/31 职场文书
公司领导推荐信
2013/11/12 职场文书
大学生实习感言
2014/01/16 职场文书
支教自我鉴定
2014/01/18 职场文书
大学迎新晚会主持词
2014/03/24 职场文书
酒店管理求职信范文
2014/04/06 职场文书
项目经理任命书内容
2014/06/06 职场文书
学习张丽丽心得体会
2014/09/03 职场文书
病房管理制度范本
2015/08/06 职场文书
医院岗前培训心得体会
2016/01/08 职场文书
《颐和园》教学反思
2016/02/19 职场文书
标会主持词应该怎么写?
2019/08/15 职场文书