开发者社区> 唐玄奘> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

在JScript面向对象编程中使用重载(续)

简介:
+关注继续查看
上周在关于JavaScript面向对象编程的话题中,我讲过怎么'在JavaScript面向对象编程中使用重载'。虽然那个方法需要使用一个call函数来调用基类被重载的方法,看起来比较怪不说。不过更大的问题却是那个方法只支持两级继承的基类方法调用,使用起来真是如食鸡肋。

    后来仔细研究了一下call函数的执行过程和原理,发现要实现"重载"一文中的任意级别类调用其直接基类方法是可以实现的。还记得上次那个示例吗?三个类:grandpa、father & son。father继承于grandpa,son继承与father,它们都有一个叫getName()的方法。father中的getName()中使用this.base.getName.call(this);没有问题,而不能再在son的getName()中使用this.base.getName.call(this),因为son的基类father的getName()方法中已经有了基类调用。

    在上次的示例中,son如果执意要调用getName()。执行的结果我说过的,将会是无限递归,最后IE脚本解析器的函数堆栈overflow,甚至IE也一块儿crash掉。问题出在调用son中的getName()方法中的this.base.getName.call(this)后,this(call的参数)被置换到father对象的实例中去了,这时执行getName()时,除了函数是由father类提供的外,此时的this就是son的那个实例。在这个时候再调用father中getName(),getName中的this.base.getName.call(this)其实是this(son的实例).base.getName.call(this(son的实例)),看出问题了吧?无限递归就在这里开始了,因为永远都只能在father(这时的实例this其实是son的)的getName()方法中调用"this(son的实例).base.getName.call(this(son的实例))"。

    现在问题清楚地摆在眼前了,并且也知道是怎么产生的了,接下来的任务就是解决掉它!

    解决问题的关键就点是:因为永远都只能在father(这时的实例this其实是son的)的getName()方法中调用"this(son的实例).base.getName.call(this(son的实例))"。如果我们知道这时我们其实不是在son的实例中,而是在father的实例中,执行的是:this(father的实例).base.getName.call(this(son的实例))"。这就对了。

    那么我们有办法知道这第一个this不是son的而应该是father的吗?好像很难,因为this确确实实就是son的嘛。不能再从this本身去打主意了,那么我们怎么办?不是还有一个getName()方法吗?它可是来自father的实例的噢!因为call(this)只是置换了该方法中本身的this(father的实例),所以我们可以通过查找函数的方式来确定当前方法的本身实例(被call方法替换之前的)是谁。

    为此我重写了call函数,名叫Call。调用界面和call相同,功能也相同(内部就是用的call,毕竟我这里不是在模拟call)。还差点忘了,除非我特殊说明,我在JavaScript面向对象编程中的继承,默认都是使用的"附加继承法"。Call函数源代码如下:
None.gif /***********************************************************
None.gif CommonLab JScript Code Library
None.gif
None.gif Author: lizhi[at]hit.edu.cn[http://www.cnblogs.com/birdshome/]
None.gif Company: http://www.u-soft.com.cn/
None.gif Copyright: U-Soft Co., Ltd. © All rights reserved.
None.gif
None.gif Version: 1.0
None.gif Created: 2004.11.30 22:27
None.gif Updated: 2005.02.28 18:00
None.gif
None.gif History:
None.gif     8. Attach 'Call' method to Function. [2005.02.23]
None.gif
None.gif Announce: You may use the code freely if this comment reserved.
None.gif    
None.gif *********************************************************
*/
None.gif
None.gif Function.prototype.Call = function(that)
None.gif {
None.gif     if ( arguments.length < 1 )
None.gif     {
None.gif         throw new Error('The first parameter must be swapped object.');
None.gif     }
None.gif     var thatBase = that;
None.gif     do
None.gif     {
None.gif         for ( var key in thatBase )
None.gif         {
None.gif             if ( thatBase[key] == arguments.callee.caller )
None.gif             {
None.gif                 if ( arguments.length == 1 )
None.gif                 {
None.gif                     return thatBase.base[key].call(that);
None.gif                 }
None.gif                 else
None.gif                 {
None.gif                     var args = [];
None.gif                     for ( var i=1 ; i < arguments.length ; ++i )
None.gif                     {
None.gif                         args.push(arguments[i]);
None.gif                     }
None.gif                     return thatBase.base[key].apply(that, args);
None.gif                 }
None.gif             }
None.gif         }
None.gif     }
None.gif     while ( thatBase = thatBase.base )
None.gif };
    谢谢您保留版权信息,同时它也是一个授权。

    把"重载"一文中的那三个类中的call全改为Call(调用参数不变),运行如下示例代码:
ExpandedBlockStart.gif    <script language="javascript">
InBlock.gif    
var g = new grandpa('Michael', 'William');
InBlock.gif    alert(g.getName()); 
InBlock.gif    
var f = new father('John', 'William');
InBlock.gif    alert(f.getName());
InBlock.gif    
var s = new son('Tom', 'William');
InBlock.gif    alert(s.getName());
InBlock.gif    
// alert(s.getFamilyName()); 
ExpandedBlockEnd.gif
    </script>

    运行结果为:
    No.1 alert:
None.gif grandpa's name: Michael
    No.2 alert:
None.gif grandpa's name: John
None.gif father's name: John
    No.3 alert:
None.gif grandpa's name: Tom
None.gif father's name: Tom
None.gif son's name: Tom

    例子不甚恰当,不过更多是为了表明清楚它们之间的继承层次关系。


本文转自博客园鸟食轩的博客,原文链接:http://www.cnblogs.com/birdshome/,如需转载请自行联系原博主。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
全方位解读服务网格(Service Mesh)的背景和概念
为了解决微服务框架的侵入性问题,我们引入服务网格。
1252 0
PolarDB 并行查询的前世今生
本文会深入介绍PolarDB MySQL在并行查询这一企业级查询加速特性上做的技术探索、形态演进和相关组件的实现原理,所涉及功能随PolarDB MySQL 8.0.2版本上线。
520 0
企业内部应用接入钉钉获取部门及人员信息
企业内部应用接入钉钉,同时通过API获取当前企业下部门及人员信息
1197 0
MySQL模糊查询再也用不着 like+% 了!
我们都知道 InnoDB 在模糊查询数据时使用 "%xx" 会导致索引失效,但有时需求就是如此,类似这样的需求还有很多,例如,搜索引擎需要根基用户数据的关键字进行全文查找,电子商务网站需要根据用户的查询条件,在可能需要在商品的详细介绍中进行查找,这些都不是B+树索引能很好完成的工作。 通过数值比较,范围过滤等就可以完成绝大多数我们需要的查询了。但是,如果希望通过关键字的匹配来进行查询过滤,那么就需要基于相似度的查询,而不是原来的精确数值比较,全文索引就是为这种场景设计的。
25675 0
阿里云云原生一体化数仓正式发布  助力企业数据驱动业务创新
云原生一体化数仓是集阿里云大数据产品MaxCompute、DataWorks、Hologres三种产品能力于一体的一站式大数据处理平台。核心是3个一体化和全链路数据治理能力,包括离线实时一体、湖仓一体、分析服务一体、全链路数据治理。
1619 0
全面公测|Grafana服务:一张图表胜过千行指标&日志
Grafana 帮助运维人员轻松处理各类运维过程中遇到的各类数据可视化与分析难题。目前阿里云 Grafana 服务全面免费公测,帮助企业轻松构建运维数据可视化平台,轻松实现数据驱动运维!
1170 0
一起学Golang系列(五)初次接触Go语言可能遇到的各种坑!
前面介绍了Go语言的基础语法,所谓磨刀不误砍柴工,希望大家还是能熟悉掌握这些基础知识,这样后面真正学起Go来才会得心应手。 作为初学者。Go语言的语法有些和java类似,但也有很多不一样的地方。刚开始都会遇到各种各样的坑。下面就来总结下学习go语言的过程中,遇到的各种坑。
1039 0
设备接入--海康摄像头SDK
springboot-对接海康摄像头,兼容window和Linux环境
1353 0
Flink SQL 在快手的扩展和实践
快手实时计算团队技术专家张静、张芒在 FFA 2021 的分享
1162 0
无影云桌面,企业与个人的应用神器
阿里云无影云桌面( Elastic Desktop Service)的原产品名为弹性云桌面,融合了无影产品技术后更名升级。它可以为您提供易用、安全、高效的云上桌面服务,帮助您快速构建、高效管理桌面办公环境,提供安全、灵活的办公体系。
276305 0
+关注
641
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载