JavaScript原型链继承

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

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

首先创建一个父类

JavaScript原型链继承

JavaScript原型链继承

创建一个子类

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

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

JavaScript原型链继承

JavaScript原型链继承

JavaScript原型链继承

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

JavaScript原型链继承


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

查看所有标签

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

Haskell

Haskell

Simon Thompson / Addison-Wesley / 1999-3-16 / GBP 40.99

The second edition of Haskell: The Craft of Functional Programming is essential reading for beginners to functional programming and newcomers to the Haskell programming language. The emphasis is on th......一起来看看 《Haskell》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具