原型链与继承：JavaScript 中的基础概念

引言

在 JavaScript 中，理解原型链和继承至关重要。它们是对象关系的基础，使我们能够创建可重用代码，增强应用程序的可扩展性和维护性。本文深入探讨原型链和继承的工作原理，重点介绍 prototype、constructor 和 proto 属性。通过清晰的示例和深入的解释，我们将深入了解 JavaScript 中强大的继承机制。

原型链

原型链是 JavaScript 中对象继承的基础。每个对象都有一个原型对象，该对象又具有自己的原型对象，依此类推。这个链条称为原型链，它允许对象继承其原型对象的属性和方法。

原型链的根部是 Object.prototype，所有对象最终都继承自它。通过原型链，对象可以访问继承的属性和方法，即使它们没有显式定义。

const object1 = {
  name: 'John'
};

console.log(object1.hasOwnProperty('name')); // true
console.log(object1.hasOwnProperty('toString')); // false

// 访问原型对象的 toString 方法
console.log(object1.toString()); // [object Object]

prototype 属性

prototype 属性用于访问对象的原型对象。原型对象包含对象继承的属性和方法。我们可以使用以下语法访问 prototype 属性：

const object1 = {
  name: 'John'
};

console.log(object1.prototype); // undefined
console.log(Object.getPrototypeOf(object1)); // {}

在上面的示例中，object1 没有自己的 prototype 属性，因为它是一个普通对象。然而，我们可以使用 Object.getPrototypeOf() 方法获取其原型对象。

constructor 属性

constructor 属性指向创建对象的构造函数。通过 constructor 属性，我们可以访问创建对象的构造函数的名称和属性：

const object1 = new Object();

console.log(object1.constructor.name); // Object
console.log(object1.constructor === Object); // true

proto 属性

proto 属性是对象的内部属性，它指向对象的原型对象。proto 属性与 prototype 属性类似，但它是一个内部属性，不应直接使用。在严格模式下，对 proto 属性的直接访问将引发 TypeError：

const object1 = {
  name: 'John'
};

object1.__proto__ = {}; // TypeError: Assignment to read-only properties is not allowed in strict mode

继承

继承是利用原型链在子对象中重用父对象属性和方法的过程。在 JavaScript 中，我们可以使用以下方法实现继承：

直接继承

直接继承涉及显式将父对象设置为子对象的原型对象：

const parentObject = {
  name: 'John'
};

const childObject = Object.create(parentObject);

console.log(childObject.name); // John

构造函数继承

构造函数继承涉及使用构造函数来创建子对象，该构造函数将父对象的原型对象设置为其原型对象：

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

function Child() {
  Parent.call(this);
}

const childObject = new Child();

console.log(childObject.name); // John

类继承

ES6 引入了 class ，它提供了一种更简洁的方式来实现继承：

class Parent {
  constructor() {
    this.name = 'John';
  }
}

class Child extends Parent {

}

const childObject = new Child();

console.log(childObject.name); // John

结论

原型链和继承是 JavaScript 中强大的概念，使我们能够创建可重用代码，提高应用程序的可扩展性和维护性。通过深入理解原型、constructor 和 proto 属性，以及直接继承、构造函数继承和类继承，我们可以有效地利用 JavaScript 中的继承机制。掌握这些概念对于编写高效、可维护的 JavaScript 应用程序至关重要。