原型和原型链：循序渐进的解读

2023-12-01 01:52:13

在面向对象编程的领域，原型和原型链的概念至关重要。它们是理解对象创建和继承机制的基础，也是构建健壮且可扩展代码的关键所在。本文将以深入浅出的方式解析原型和原型链，揭示它们在对象系统中的运作原理。

原型：对象实例的蓝图

原型是一个对象实例的蓝图，它包含了该实例的属性和方法。当使用构造函数创建新对象时，该对象将从其原型继承属性和方法。原型通过一个内部指针 proto 链接到其实例。

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

const person1 = new Person('John');
console.log(person1.__proto__ === Person.prototype); // true

上例中，Person.prototype 是 Person 构造函数的原型，person1.proto 指向 Person.prototype。这意味着 person1 继承了 Person.prototype 的所有属性和方法。

原型链：继承的层级

原型链是一个对象实例到其祖先原型的链式结构。当对象访问一个属性或方法时，它会首先在自己的原型中查找。如果找不到，它会沿着原型链向上查找，直到找到该属性或方法或达到原型链的末端。

function Employee(name, salary) {
  Person.call(this, name);
  this.salary = salary;
}

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

const employee1 = new Employee('Jane', 50000);
console.log(employee1.__proto__ === Employee.prototype); // true
console.log(employee1.__proto__.__proto__ === Person.prototype); // true