Javascript 类的原型继承解析

2023-12-20 14:37:24

JavaScript 原型式继承：深入理解其本质

在 JavaScript 的广阔世界中，原型式继承是一个独特的机制，它使对象能够从另一个对象那里获取属性和方法。它基于原型（prototype）的概念，一种指向包含对象属性和方法的另一个对象的指针。当一个对象访问一个不存在的属性或方法时，JavaScript 会潜入原型中寻找。如果发现，它就会将其添加到对象中，从而赋予对象新的能力。

原型式继承的特征

JavaScript 的原型式继承有三个显著特征：

对象继承能力： 对象可以从另一个对象那里继承属性和方法，允许轻松创建和扩展对象，无需重复定义属性和方法。
实例属性的修改独立性： 子类可以修改自己实例属性（方法），而不会影响父类。这意味着子类可以定制自己的行为，同时保持父类功能的完整性。
原型链的影响共享： 当修改原型链上的实例属性（方法）时，它可能影响父类。这是因为子类和父类共享原型链上的引用属性。

使用原型式继承

要利用原型式继承，我们可以遵循以下步骤：

创建父类对象： 定义你要继承的对象的蓝图。
创建子类对象： 基于父类创建新的对象，并使用 Object.setPrototypeOf() 将父类原型设置为子类原型。
添加自己的属性和方法： 子类可以根据需要添加自己的属性和方法，扩展父类的功能。

示例

以下是一个使用原型式继承创建和扩展对象的示例：

// 父类 Person
function Person(name, age) {
  this.name = name;
  this.age = age;
}

// 父类方法 greet
Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
};

// 子类 Student
function Student(name, age, major) {
  // 设置父类原型
  Student.prototype = Object.create(Person.prototype);

  // 子类属性和方法
  this.major = major;
}

// 子类方法 study
Student.prototype.study = function() {
  console.log(`I am studying ${this.major}.`);
};

// 创建父类对象
const person = new Person('John', 30);

// 创建子类对象
const student = new Student('Jane', 20, 'Computer Science');

// 调用父类方法
person.greet();

// 调用子类方法
student.greet();
student.study();