原型继承中的“原型”究竟是什么

2023-12-19 03:02:16

纵览原型继承：全面解析背后的奥义

谈及原型继承，首先要明确其与经典继承的区别。经典继承，即父类和子类的关系，在JavaScript中主要通过extends实现，子类可以从父类继承属性和方法。而原型继承是基于对象的，子类可以从父类原型中继承属性和方法，却无法继承父类自身的属性和方法。正因如此，JavaScript常常被视作一门原型语言。

JavaScript中的原型继承机制

JavaScript中的原型继承分为两种：隐式原型继承和显示原型继承。

1. 隐式原型继承：无需你“亲自动手”

隐式原型继承是指当创建对象时，对象就自动具有与创建它的构造函数相同的原型。换言之，所有使用相同构造函数创建的对象共享同一个原型，即：

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

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

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

2. 显示原型继承：手动掌控继承方向

显示原型继承是指使用Object.create()方法来创建对象。在这种情况下，可以通过指定原型的值来明确指定继承关系。

const person = {
  name: 'John',
};

const employee = Object.create(person);
employee.title = 'Software Engineer';

console.log(employee.__proto__ === person); // true

JavaScript中的原型链：揭秘层层递进的继承

当通过原型继承创建对象时，对象的原型本身也是一个对象，而这个对象也有自己的原型，如此类推，形成一个从子到父、层层递进的继承链。JavaScript中，原型链是一条单向链，从子类一直延伸到Object.prototype。

const person = {
  name: 'John',
};

const employee = Object.create(person);
employee.title = 'Software Engineer';

const manager = Object.create(employee);
manager.team = ['Alice', 'Bob'];

console.log(manager.__proto__ === employee); // true
console.log(employee.__proto__ === person); // true
console.log(person.__proto__ === Object.prototype); // true