Javascript 原型链与继承剖析

2024-01-16 09:49:27

JavaScript 作为一门流行的编程语言，在构建交互式 Web 应用程序和网站时发挥着重要作用。要熟练掌握 JavaScript，你需要了解原型链和继承的概念。本文将从这两个概念入手，深入分析 JavaScript 的面向对象编程机制。

原型链

JavaScript 中，每个对象都拥有一个名为 __proto__ 的隐藏属性，指向其原型对象。原型对象也是一个对象，拥有自己的 __proto__ 属性，指向其原型对象，以此类推。这种结构形成了一条连接对象的链条，称为原型链。

原型链上的属性查找

JavaScript 在查找属性时会沿着原型链逐级向上查找，直到找到该属性或到达原型链的末尾（即 null）。如果在当前对象中找不到属性，则会在其原型对象中查找，依此类推。这种机制使子对象能够继承父对象的所有属性和方法，并根据需要重写这些属性和方法。

继承

继承是面向对象编程的一项基本概念，它允许子类从父类继承属性和方法。在 JavaScript 中，实现继承的方法是使用原型对象。子类的原型对象指向父类的构造函数，这样子类就可以继承父类的属性和方法。

实例

以下是演示原型链和继承的示例代码：

// 定义父类 Person
function Person(name) {
  this.name = name;
}

// 定义子类 Student，继承自 Person
function Student(name, major) {
  Person.call(this, name);
  this.major = major;
}

// 在 Student.prototype 上添加方法
Student.prototype.study = function() {
  console.log(`${this.name} is studying ${this.major}.`);
};

// 创建 Person 实例
const person = new Person('John Doe');

// 创建 Student 实例
const student = new Student('Jane Doe', 'Computer Science');

// 输出 Person 的属性
console.log(person.name); // 'John Doe'

// 输出 Student 的属性
console.log(student.name); // 'Jane Doe'
console.log(student.major); // 'Computer Science'

// 调用 Student 的方法
student.study(); // 'Jane Doe is studying Computer Science.'