JavaScript 中的继承(上)
发布日期:2021-10-01 08:44:33 浏览次数:3 分类:技术文章

本文共 1702 字,大约阅读时间需要 5 分钟。

    作者:
    继承是面向对象语言基本特征之一,通过继承可以将父类所具有的特性遗传到子类。ECMAScript中的继承不像Java、C++等语言那么明显,直接通过关键字来实现,通常它是通过模拟方式来实现继承功能的,并且实现方式有多种。
    在继承中引入this关键字,使用构造器方法定义类来实现继承。一个构造器是一个函数,因此可以将父类的构造器作为子类的一个方法使用并进行调用。
ExpandedBlockStart.gif
ContractedBlock.gif
function
ClassA(id)
dot.gif
{
InBlock.gif  
this .id = id;
ExpandedSubBlockStart.gifContractedSubBlock.gif  
this .sayId = function() dot.gif{
InBlock.gif     alert(
this.id);
ExpandedSubBlockEnd.gif   }
;
ExpandedBlockEnd.gif}
None.gif
ExpandedBlockStart.gifContractedBlock.gif
function
ClassB(id, name)
dot.gif
{
InBlock.gif  
this .newMethod = ClassA;
InBlock.gif  
this .newMethod(id);
InBlock.gif  
delete this.newMethod;
InBlock.gif
InBlock.gif  
this.name= name;
ExpandedSubBlockStart.gifContractedSubBlock.gif  
this.sayName= function()dot.gif{
InBlock.gif     alert(
this.name);
ExpandedSubBlockEnd.gif   }
;
ExpandedBlockEnd.gif}
    注意,子类中所有新的属性和方法都必需在删除newMethod后引入,否则,可能存在用父类的属性和方法重写子类属性和方法的危险。另外,使用这种方法还可以实现多重继承,此时如果两个父类具有相同的属性或方法时,最后的类具有优先级。由于这种继承方法比较流行,ECMAScript第三版引入了两个Function对象:call()和apply()。
    call()
    call()方法是最接近上述继承方式的方法,它的第一个参数是this指向的对象,所有的其他参数都直接传到function。
ExpandedBlockStart.gif
ContractedBlock.gif
function
sayMessage(first, last) 
{
InBlock.gif   alert(first
+ this.logic +last);
ExpandedBlockEnd.gif}
;
None.gif
None.gif
var
obj
=
new
Object();
None.gif obj.logic
= 
"
or
"
;
None.gif
None.gif sayMessage.call(obj,
"
Coffee
"
"
Tea
"
);  
//
输出"Coffee or Tea"
    用call()方法来实现继承,只需要this.newMethod相关的三行代码。
ExpandedBlockStart.gif
ContractedBlock.gif
function
ClassB(id, name)
dot.gif
{
InBlock.gif  
  //this.newMethod = ClassA;
InBlock.gif
  //this.newMethod(id);
InBlock.gif
  //delete this.newMethod;
InBlock.gif
  ClassA.call(this, id);  //this指向ClassB的对象
InBlock.gif
InBlock.gif  
this.name =name;
ExpandedSubBlockStart.gifContractedSubBlock.gif  
this.sayName = function() {
InBlock.gif     alert(
this.name);
ExpandedSubBlockEnd.gif   }
;
ExpandedBlockEnd.gif}
    apply()
    apply()方法需要两个参数:this所指向的对象,和传到function的由参数组成的array。
ExpandedBlockStart.gif
ContractedBlock.gif
function
 sayMessage(first, last)  
dot.gif
{
InBlock.gif  alert(first 
+
 
this
.logic 
+
last);
ExpandedBlockEnd.gif}
;
None.gif
None.gif
var
 obj 
=
 
new
 Object();
None.gifobj.logic 
=
 
"
or
"
;
None.gif
None.gifsayMessage.apply(obj, 
new
 Array(
"
Coffee 
"
"
 Tea
"
));  
//
输出"Coffee or Tea"
  
    同样,使用 apply() 实现继承可以通过如下方法实现。
ExpandedBlockStart.gif
ContractedBlock.gif
function
 ClassB(id, name) 
dot.gif
{
InBlock.gif  
//this.newMethod = ClassA;
InBlock.gif
  //this.newMethod(id);
InBlock.gif
  //delete this.newMethod;
InBlock.gif
  ClassA.apply(thisnew Array(id));  //this指向ClassB的对象
InBlock.gif
InBlock.gif  
this.name = name;
ExpandedSubBlockStart.gifContractedSubBlock.gif  
this.sayName = function() dot.gif{
InBlock.gif    alert(
this.name);
ExpandedSubBlockEnd.gif  }
;
ExpandedBlockEnd.gif}
    当父类构造器的参数和子类构造器参数的顺序一致时,可以使用子类的arguments对象作为第二个参数。否则,必需创建一个array来传递参数,或是使用call()方法。
   

转载地址:https://blog.csdn.net/iteye_263/article/details/81378548 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:JavaScript 中的继承(下)
下一篇:JavaScript 中的继承(上)

发表评论

最新留言

不错!
[***.144.177.141]2024年03月15日 04时15分16秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

php 常用文件系统函数,php 文件系统函数整理介绍 2019-04-21
android pm.java,java – AM / PM的Android DateFormat因设备而异 2019-04-21
oracle存储过程调用sql文件,oracle - 在SQL Developer中运行存储过程? 2019-04-21
oracle同时报604和12507,V$SES_OPTIMIZER_ENV 查不到刚修改的隐含参数, 2019-04-21
zblog的php更换域名,zblogphp更换域名后,原zblog里使用了固定域名,登录不进去怎么办... 2019-04-21
oracle dnfs 配置,Source of Oracle参数解析(dnfs_batch_size) - django-\/\/ i K | 2019-04-21
oracle所需的环境,转:面对一个全新的oracle环境,首先应该了解什么? 2019-04-21
linux 小数四则运行,shell四则运算(整数及浮点数)的方法介绍 2019-04-21
linux系统分区后进入紧急模式,Linux系统的救援模式应用详解 2019-04-21
linux配置匿名ftp服务器,在Linux环境中使用vsftpd搭建ftp实现匿名上传详细配置 2019-04-21
linux创建硬盘分区lvm,LVM创建及分区调整、更换LVM硬盘 2019-04-21
FreeBSD可以安装Linux软件吗,在Linux服务器上面通过网络安装FreeBSD 2019-04-21
.net core linux 桌面应用,C# dotnet core + AvaloniaUI 开发桌面软件,hello world 2019-04-21
linux tcp 113错误,linux系统报tcp_mark_head_lost错误的处理方法 2019-04-21
南昌工程学院c语言答案,南昌工程学院C语言程序设计基础课件第3讲运算符和表达式... 2019-04-21
python学画画_python学画画(下) 2019-04-21
云栖社区 mysql_【直播结束,已更新回放】PG、MySQL到底哪个好?云栖说这次请来五位专家撕了一下-阿里云开发者社区... 2019-04-21
老男孩mysql 百度云_英语语录:除了你,没人能掌控你的幸福 2019-04-21
mysql驱动多次执行问题_Laravel5.2队列驱动expire参数设置带来的重复执行问题 数据库驱动... 2019-04-21
mysql获取刚新增的数据库_如何取得刚插入数据库的数据的id mysql 2019-04-21