品易云推流 关闭
文章详情页
文章 > JavaScript > javascript原型链继承的实现

javascript原型链继承的实现

javascript原型链继承

头像

小妮浅浅

2021-08-24 10:05:351872浏览 · 0收藏 · 0评论

说明

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电脑。

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图