原型链：揭秘JavaScript语言中的继承机制

2024-01-19 17:30:41

前言

原型链是JavaScript语言中实现继承的机制，它允许对象继承其他对象的属性和方法。通过理解原型链的概念，可以更深入地了解JavaScript的面向对象编程。本文将详细介绍原型链的五条原则，以及如何在JavaScript中使用原型链来实现继承。

原型链的五条原则

所有引用类型（函数、对象、数组），都存在对象特性，即可以自由拓展属性。 （除了null意外）
所有的引用类型都具有一个内部属性[[Prototype]]，指向其原型对象。
除了Object.prototype外，所有原型对象的[[Prototype]]属性指向Object.prototype。
当访问一个对象的属性或方法时，JavaScript引擎会沿着原型链向上查找，直到找到该属性或方法。
如果在原型链中没有找到该属性或方法，则返回undefined。

在JavaScript中使用原型链实现继承

在JavaScript中，可以通过以下步骤来实现继承：

创建父类构造函数。
在子类构造函数中，使用call()或apply()方法来调用父类构造函数，并传递必要的参数。
在子类构造函数中，添加子类特有的属性和方法。

以下是使用原型链实现继承的代码示例：

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

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

function Child(name, age) {
  Parent.call(this, name);
  this.age = age;
}

Child.prototype = Object.create(Parent.prototype);
Child.prototype.constructor = Child;

Child.prototype.play = function() {
  console.log(`I'm ${this.name} and I'm ${this.age} years old. I love to play!`);
};

const child = new Child('John', 10);

child.greet(); // Hello, my name is John.
child.play(); // I'm John and I'm 10 years old. I love to play!