原型链：深入解析与继承优缺点图解

2023-09-05 09:08:01

在上一篇文章中，我们探讨了构造函数、原型和原型链之间的关系。本文将通过图解方式深入剖析原型链，并阐明其在继承中的作用和优缺点。

原型链图解

原型链是一个 JavaScript 对象的父级对象链。当访问对象中的属性或方法时，JavaScript 会依次沿着原型链向上查找，直到找到该属性或方法。

原型链图解

如图所示，Person 对象的原型是 Object.prototype，而 Object.prototype 的原型是 null。当访问 person.name 属性时，JavaScript 会首先在 person 对象中查找，如果找不到，则会沿着原型链向上查找，依次在 Object.prototype 中和 null 中查找，直到找到 name 属性或到达链的末端（null）。

原型链继承

原型链为 JavaScript 提供了一种继承机制。通过将子对象的原型设置为父对象的原型，可以实现继承关系。

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

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

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

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

const employee = new Employee('John Doe', 'Software Engineer');
employee.greet(); // Hello, my name is John Doe!