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

很酷的站长

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

37900

代码可运行

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

运行总次数：0

代码可运行

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