JavaScript 原型和原型链：深入解析

2023-10-06 22:26:36

JavaScript 原型和原型链的深入剖析：超越基础

在 JavaScript 中，原型和原型链是理解面向对象编程 (OOP) 的关键概念。然而，超越基础知识对于编写高效、可扩展的代码至关重要。本文将深入探讨原型和原型链，揭示它们在 JavaScript 中的运作方式，并提供实用示例。

原型：类的模板

每个 JavaScript 类都有一个原型对象。原型对象是一个带有属性和方法的普通对象，它充当该类的模板。当您创建该类的实例时，实例将从其原型继承属性和方法。

原型链：继承的链条

原型链是一个连接所有对象到其原型的对象链。通过原型链，一个对象可以访问其原型及其原型原型的属性和方法。

// 创建一个 Person 类
class Person {
  constructor(name) {
    this.name = name;
  }

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

// 创建一个 Student 类，继承 Person
class Student extends Person {
  constructor(name, major) {
    super(name);
    this.major = major;
  }

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

// 创建一个 student 实例
const student = new Student('John', 'Computer Science');

// 访问 __proto__ 属性以查看原型链
console.log(student.__proto__ === Student.prototype); // true
console.log(Student.prototype.__proto__ === Person.prototype); // true
console.log(Person.prototype.__proto__ === Object.prototype); // true