【说站】javascript原型链继承的实现

很酷的站长

发布于 2022-11-23 10:19:18

3580

发布于 2022-11-23 10:19:18

文章被收录于专栏：站长的编程笔记

javascript原型链继承的实现

说明

1、构造函数、原型与实例的关系，每个构造函数都有一个原型对象。

2、原型对象包含一个指向构造函数的指针，而实例包含一个原型对象的指针。

继承的本质是复制，也就是重写原型对象，代之新的实例。

实例

function SuperType() {
    this.property = true;
}
 
SuperType.prototype.getSuperValue = function() {
    return this.property;
}
 
function SubType() {
    this.subproperty = false;
}
 
// 这里是关键，创建SuperType的实例，并将该实例赋值给SubType.prototype
SubType.prototype = new SuperType();
 
SubType.prototype.getSubValue = function() {
    return this.subproperty;
}
 
var instance = new SubType();
console.log(instance.getSuperValue()); // true

以上就是javascript原型链继承的实现，希望对大家有所帮助。更多Javascript学习指路：Javascript

推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

javascript