原型揭秘：JavaScript中的“小山”大有乾坤

前端

2023-10-10 22:32:20

原型：JavaScript 中的对象继承机制

什么是原型？

原型是 JavaScript 中的一个对象，它是其他对象的基类，提供可被子对象继承的属性和方法。这种继承机制称为原型继承，它允许对象共享代码和数据，实现代码重用和模块化。

原型链

原型链是指对象之间的继承关系。每个对象都有一个原型对象，该原型对象可能又有自己的原型对象，依此类推，直到到达原型链的顶端。当一个对象调用一个属性或方法时，如果它本身没有该属性或方法，它会沿着原型链向上查找，直到找到该属性或方法。

理解原型

要理解原型，首先需要理解构造函数。构造函数是创建新对象的一种方式。当使用 new 调用构造函数时，它会创建一个新对象，该对象继承构造函数的原型对象的属性和方法。

代码示例：

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

const person = new Person('John Doe', 30);

console.log(person.name); // 输出：John Doe

理解原型链

原型链是指对象之间的继承关系。每个对象都有一个原型对象，该原型对象可能又有自己的原型对象，依此类推，直到到达原型链的顶端。

当一个对象调用一个属性或方法时，如果它本身没有该属性或方法，它会沿着原型链向上查找，直到找到该属性或方法。

代码示例：

function Student(name, age, major) {
  Person.call(this, name, age);
  this.major = major;
}

Student.prototype = Object.create(Person.prototype);

const student = new Student('Jane Doe', 20, 'Computer Science');

console.log(student.name); // 输出：Jane Doe