JS实现继承的几种方式

Yolo416

于 2021-09-12 20:47:01 发布

阅读量108

点赞数 1

CC 4.0 BY-SA版权

分类专栏：面试前端基础文章标签： javascript

本文链接：https://blog.csdn.net/m0_50125215/article/details/120255707

前端基础同时被 2 个专栏收录

59 篇文章

订阅专栏

面试

19 篇文章

订阅专栏

本文探讨了三种JavaScript中的继承实现方式：构造函数继承、原型链继承和组合式继承。构造函数继承虽能初始化实例属性，但无法继承原型属性；原型链继承则可能导致属性共享。组合式继承结合两者优点，通过`Object.create`实现对原型属性的继承，同时调用构造函数初始化实例。然而，所有方式都存在一定的局限性，需根据实际需求选择合适的继承策略。

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

借用构造函数实现继承

function Parent1(){
    this.name ="parent1"
}
function Child1(){
Parent1.call(this);
    this.type ="child1";
}
缺点：Child1无法继承Parent1的原型对象，并没有真正的实现继承（部分继承）

借用原型链实现继承

function Parent2(){
    this.name ="parent2";
    this.play = [1,2,3];
}
function Child2(){
    this.type ="child2";
}
Child2.prototype = new Parent2();
缺点：原型对象的属性是共享的

组合式继承

function Parent3(){
    this.name ="parent3";
    this.play =[1,2,3];
}
function Child3(){
Parent3.call(this);
    this.type ="child3";
}
Child3.prototype = Object.create(Parent3.prototype);
Child3.prototype.constructor = Child3;