JS基础--子类型重写超类型方法原型链图解

博客主要围绕JavaScript展开,介绍了创建父类和子类,实现子类继承父类(子类原型为父类实例),还提及重写超类型中的方法,并且在每个步骤都展示了对应的原型链情况,最后创建了实例并给出其原型链。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先我们创建一个父类:

// 创建一个父类构造函数
function Parent () {
	this.parentProperty = '父类属性';
}
// 为父类添加一个原型方法
Parent.prototype.getParentProperty = function () {
	return this.parentProperty;
}

此时的原型链是这样的:
原型链1

接下来创建一个子类,使子类继承父类(即子类的原型为父类的实例):

// 创建一个子类构造函数
function Children () {
	this.childrenProperty = '子类属性';
}
// 继承Parent
Children.prototype = new Parent();

此时的原型链是这样的:
原型链2

重写超类型中的方法:

// 重写超类中的方法
Children.prototype.getParentProperty = function () {
	return '这是重写的父类方法';
}
// 创建自己的方法
Children.prototype.getChildrenProperty = function () {
	return '这是自己的方法';
}

原型链:
原型链3

创建实例

var instance = new Children();
instance.getParentProperty(); // 返回:"这是重写的父类方法"

原型链:
原型链4

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值