JavaScript原型链继承

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

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

首先创建一个父类

JavaScript原型链继承

JavaScript原型链继承

创建一个子类

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

JavaScript原型链继承

JavaScript原型链继承

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

JavaScript原型链继承


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

查看所有标签

猜你喜欢:

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

Spring Cloud微服务实战

Spring Cloud微服务实战

翟永超 / 电子工业出版社 / 2017-5 / 89

《Spring Cloud微服务实战》从时下流行的微服务架构概念出发,详细介绍了Spring Cloud针对微服务架构中几大核心要素的解决方案和基础组件。对于各个组件的介绍,《Spring Cloud微服务实战》主要以示例与源码结合的方式来帮助读者更好地理解这些组件的使用方法以及运行原理。同时,在介绍的过程中,还包含了作者在实践中所遇到的一些问题和解决思路,可供读者在实践中作为参考。 《Sp......一起来看看 《Spring Cloud微服务实战》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具