JavaScript 继承方式：面向对象编程的强大工具

前端

2023-09-02 20:01:01

JavaScript 中的继承：赋予你的代码力量

什么是继承？

想象一下，你正在建造一座房子。你可以从头开始，但也可以利用之前建造的房子的设计。这就是继承的意义所在。在编程中，继承允许你创建一个新类（或对象），它从另一个现有类（或对象）继承属性和方法。

JavaScript 中的继承方式

JavaScript 提供了多种继承机制，包括：

1. 原型继承
这种方式基于JavaScript的原型系统。每个对象都有一个原型对象，它包含对象的属性和方法。创建新对象时，它的原型被设置为其构造函数的原型。

2. 类继承
通过 extends ，你可以创建一个继承另一个类的类。子类可以访问父类的所有属性和方法，并可以添加自己的方法和属性。

3. 混入
混入允许你将一个对象的属性和方法添加到另一个对象中，而无需创建子类。你可以使用 Object.assign() 方法实现这一点。

代码示例：

// 原型继承
const Person = function(name) {
  this.name = name;
};
Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name}.`);
};

const john = new Person('John');
john.greet(); // 输出：Hello, my name is John.

// 类继承
class Person {
  constructor(name) {
    this.name = name;
  }

  greet() {
    console.log(`Hello, my name is ${this.name}.`);
  }
}

class Student extends Person {
  constructor(name, major) {
    super(name);
    this.major = major;
  }

  study() {
    console.log(`I am studying ${this.major}.`);
  }
}

const jane = new Student('Jane', 'Computer Science');
jane.greet(); // 输出：Hello, my name is Jane.
jane.study(); // 输出：I am studying Computer Science.

// 混入
const mixin = {
  greet() {
    console.log(`Hello, my name is ${this.name}.`);
  }
};

const Person = function(name) {
  this.name = name;
};

Object.assign(Person.prototype, mixin);

const bob = new Person('Bob');
bob.greet(); // 输出：Hello, my name is Bob.