打破常规：揭秘 JavaScript 原型链背后的隐秘世界

2023-09-05 23:52:43

在前端开发的江湖中，继承可谓是面试官的宠儿，而说到继承，原型链便闪亮登场。为了在面试中脱颖而出，掌握原型链的奥义必不可少。

原型链的江湖

JavaScript 的世界中，万物皆对象。当我们使用 var a = {}、var a = new Object() 或 var a = new A() 创建一个对象时，该对象除了拥有自身属性外，还能访问其 __proto__ 指向的原型对象。这个原型对象又拥有自己的 __proto__，如此层层相连，形成了一条神秘的链条，这就是原型链。

原型链的作用在于属性查找。当我们访问一个对象的属性时，如果对象本身没有该属性，JavaScript 就会沿着原型链向上查找，直到找到该属性或到达原型链的尽头 (null)。

继承的秘密

继承就是让一个新对象（子对象）拥有另一个对象（父对象）的属性和方法。在 JavaScript 中，我们可以通过设置子对象的 __proto__ 指向父对象的原型对象来实现继承。

例如：

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

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

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

Student.prototype = new Person();

const john = new Student('John', 'Computer Science');
john.greet(); // 输出: Hello, my name is John