JavaScript原型链继承

栏目: JavaScript · 发布时间: 6年前

内容简介:首先创建一个父类

首先创建一个父类

JavaScript原型链继承

JavaScript原型链继承

创建一个子类

JavaScript原型链继承

当我们要通过原型链继承时

JavaScript原型链继承

子类可以调用父类在原型链上的方法

JavaScript原型链继承

但是子类的构造函数却指向父类

JavaScript原型链继承

正如下图(其中subClass为实例化过的对象)

JavaScript原型链继承

这时候可能会想,那我把子类的构造函数指向自身不就好了吗,于是添加下面代码

JavaScript原型链继承

JavaScript原型链继承

子类构造函数真的指向了自身,但是我们检查一下父类

JavaScript原型链继承

父类的构造函数却指向了子类,如下图所示(其中subClass为实例化过的对象)

JavaScript原型链继承

以下是我的解决方法,通过复制一份父类的原型副本保存在变量中,并修改构造函数

JavaScript原型链继承

JavaScript原型链继承

JavaScript原型链继承

子类继承了父类,但却不影响构造函数,如下图所示(其中subClass为实例化过的对象)

JavaScript原型链继承


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

程序员的职业素养

程序员的职业素养

Robert C.Martin / 章显洲、余晟 / 人民邮电出版社 / 2012-9-1 / 49.00元

本书是编程大师Bob 大叔40 余年编程生涯的心得体会, 讲解成为真正专业的程序员需要什么样的态度、原则,需要采取什么样的行动。作者以自己以及身边的同事走过的弯路、犯过的错误为例,意在为后来人引路,助其职业生涯迈上更高台阶。 本书适合所有程序员,也可供所有想成为具备职业素养的职场人士参考。一起来看看 《程序员的职业素养》 这本书的介绍吧!

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具