首页 > 文章列表 > javascript原型链继承的实现

javascript原型链继承的实现

javascript原型链继承
116 2022-08-06

说明

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

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