原型和继承 - 面向对象编程的基础知识

2024-02-10 18:06:07

理解原型和继承对于掌握面向对象编程 (OOP) 的概念至关重要。OOP 是一种编程范式，它允许程序员创建对象，每个对象都可以具有自己的属性和行为。在 JavaScript 中，原型和继承可以帮助你创建可重用代码，并使你的代码更易于维护。

原型

在 JavaScript 中，原型是一个对象，它包含了其他对象的属性和方法。每个对象都有一个原型，该原型指向创建它的构造函数。例如，如果你有一个名为 Person 的构造函数，则所有 Person 对象的原型都将指向 Person 构造函数。

你可以使用 Object.getPrototypeOf() 方法来获取对象的原型。例如，以下代码将获取 person 对象的原型：

const person = new Person();
const personPrototype = Object.getPrototypeOf(person);

继承

继承是指创建一个新对象，该新对象从另一个对象继承属性和方法。在 JavaScript 中，可以使用 Object.create() 方法来创建继承对象。例如，以下代码将创建一个从 Person 对象继承属性和方法的新对象：

const newPerson = Object.create(person);

原型链

原型链是 JavaScript 中用于查找对象属性和方法的一个机制。当一个对象试图访问一个不存在的属性或方法时，JavaScript 将会沿着原型链向上查找，直到找到该属性或方法。例如，如果 person 对象试图访问一个不存在的属性 name，则 JavaScript 将会沿着原型链向上查找，直到找到 Person 构造函数。如果 Person 构造函数中定义了 name 属性，则 person 对象将能够访问该属性。

实例

以下是使用原型和继承创建可重用代码的一个示例：

// Person 构造函数
function Person(name, age) {
  this.name = name;
  this.age = age;
}

// Person 原型
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) {
  // 使用 Object.create() 从 Person 构造函数创建继承对象
  const student = Object.create(Person.prototype);

  // 添加 Student 特有的属性和方法
  student.major = major;
  student.study = function() {
    console.log(`${this.name} is studying ${this.major}.`);
  };

  // 返回继承对象
  return student;
}

// 创建 Student 对象
const student = new Student('John Doe', 20, 'Computer Science');

// 调用 Student 对象的方法
student.greet(); // Hello, my name is John Doe and I am 20 years old.
student.study(); // John Doe is studying Computer Science.