前端面试之js继承的6种方式

最新推荐文章于 2024-07-26 09:48:00 发布

Tolucky.

最新推荐文章于 2024-07-26 09:48:00 发布

阅读量577

点赞数 1

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

本文链接：https://blog.csdn.net/Son_Jing/article/details/108370093

版权

本文介绍了JavaScript中常见的六种继承方式：原型链继承、构造函数继承、原型式继承、组合式继承、寄生式继承和寄生组合继承。每种方式都有其优缺点，如原型链继承能实现属性共享，但无法实现多继承；构造函数继承解决了参数传递问题，但方法无法复用。寄生组合继承则被认为是最佳实践，通过避免两次父类构造函数调用来解决组合继承的问题。

摘要由CSDN通过智能技术生成

js继承的6种方式

想要继承，就必须要提供个父类（继承谁，提供继承的属性）

原型链继承

父类的实例作为子类的原型

function Woman(){
    
}
Woman.prototype= new People();
Woman.prototype.name = 'haixia';
let womanObj = new Woman();

优点：

简单易于实现，父类的新增的实例与属性子类都能访问

缺点：

可以在子类中增加实例属性，如果要新增加原型属性和方法需要在new 父类构造函数的后面

无法实现多继承

创建子类实例时，不能向父类构造函数中传参数

借用构造函数继承（伪造对象、经典继承）

复制父类的实例属性给子类

function Woman(name){
   
 //继承了People
  People.call(this); //People.call(this，'wangxiaoxia'); 
  this.name = name || 'renbo'
}
let womanObj = new Woman();