原型链：揭秘JavaScript面向对象的神奇世界

2023-12-14 18:40:52

作为一名JavaScript开发人员，深入理解原型和原型链对于掌握这门语言至关重要。在这个迷人的世界里，原型为对象提供了共享属性和行为，使JavaScript面向对象编程成为可能。

原型是JavaScript中一个神奇的属性，它存在于每个函数对象中。它是一个普通对象，定义了所有由该函数构造的对象将继承的公共祖先。当您使用new创建对象时，就会触发构造函数的内部机制，该机制会创建一个新对象并将其[[Prototype]]属性指向构造函数的原型。

例子：

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

const person1 = new Person("John");
const person2 = new Person("Mary");

console.log(person1.__proto__ === Person.prototype); // true
console.log(person2.__proto__ === Person.prototype); // true

原型链是一个层次结构，它从每个对象开始，一直延伸到Object.prototype。当对象尝试访问一个它不拥有的属性或方法时，JavaScript会沿着原型链向上查找，直到找到该属性或方法，或者到达Object.prototype。这种机制允许对象继承其父级原型的属性和方法，从而创建了面向对象编程中继承的概念。

例子：

const person = {
  name: "John"
};

const student = {
  __proto__: person,
  major: "Computer Science"
};

console.log(student.name); // "John" (继承自person对象)
console.log(student.major); // "Computer Science" (定义在student对象中)

您可以通过修改原型对象来扩展现有对象的继承能力。这是一种向对象添加新属性和方法的强大方法，而无需修改其构造函数。

例子：

Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name}`);
};

person1.greet(); // "Hello, my name is John"
person2.greet(); // "Hello, my name is Mary"