当前位置：首页 > article >正文

JavaScript里实现继承的几种方式

article 2025/3/11 6:40:26

JavaScript 中的继承可以通过以下几种方式来实现：

1、原型链继承：通过将子类的原型对象指向父类的实例来实现继承。这种方式的优点是实现简单，缺点是父类的私有属性和方法子类是不能访问的。

function Parent() {
  this.name = 'parent';
  this.age = 30;
}
Parent.prototype.sayName = function() {
  console.log(this.name);
}

function Child() {
  Parent.call(this);
}
Child.prototype = new Parent();
Child.prototype.constructor = Child;

2、借用构造函数继承：通过在子类的构造函数中调用父类的构造函数来实现继承。这种方式的优点是子类可以访问父类的私有属性和方法，缺点是每个子类实例都会有一份父类实例的拷贝。

function Parent() {
  this.name = 'parent';
  this.age = 30;
}
Parent.prototype.sayName = function() {
  console.log(this.name);
}

function Child() {
  Parent.call(this);
}

3、组合继承：通过结合原型链继承和借用构造函数继承的优点来实现继承。这种方式的优点是既可以访问父类的私有属性和方法，又可以避免每个子类实例都有一份父类实例的拷贝。

function Parent() {
  this.name = 'parent';
  this.age = 30;
}
Parent.prototype.sayName = function() {
  console.log(this.name);
}

function Child() {
  Parent.call(this);
}
Child.prototype = Object.create(Parent.prototype);
Child.prototype.constructor = Child;

4、ES6 Class继承：通过使用ES6 class语法来实现继承。

class Parent {
  constructor() {
    this.name = 'parent';
    this.age = 30;
  }
  sayName() {
    console.log(this.name);
  }
}

class Child extends Parent {
  constructor() {
    super();
  }
}

JavaScript 中的继承可以通过多种方式来实现，如原型链继承、借用构造函数继承、组合继承、ES6 Class继承等。每种方式都有各自的优缺点，需要根据具体需求来选择使用。

另外，对于JavaScript中的继承，还有一些需要注意的点：