JavaScript原型链继承

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

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

首先创建一个父类

JavaScript原型链继承

JavaScript原型链继承

创建一个子类

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

JavaScript原型链继承

JavaScript原型链继承

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

JavaScript原型链继承


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

查看所有标签

猜你喜欢:

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

Clean Architecture

Clean Architecture

Robert C. Martin / Prentice Hall / 2017-9-20 / USD 34.99

Practical Software Architecture Solutions from the Legendary Robert C. Martin (“Uncle Bob”) By applying universal rules of software architecture, you can dramatically improve developer producti......一起来看看 《Clean Architecture》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

URL 编码/解码
URL 编码/解码

URL 编码/解码

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

HEX CMYK 互转工具