【JavaScript】原型与原型链

1. 本质：

   原型的本质：原型是个继承机制。更准确的说，原型是通过prototype和__proto__共同实现的继承机制。通过在原型对象上定义属性和方法，所有该构造函数创建的实例都可以访问它们，避免了在每个实例上重复创建方法和属性（节省内存）

2. 核心概念：

   • 每个JavaScript对象（除了null）在创建时都会关联另一个对象。这个关联的对象就是它的"原型(prototype)"
   • 构造函数（Function实例）：每个函数在创建时，都会自动获得一个prototype属性，这个属性指向一个对象（称为"原型对象"）
   • 实例对象：当使用new关键字调用构造函数创建实例对象时，该实例对象内部会包含一个指向其构造函数的prototype对象的内部链接。这个内部链接在大多数浏览器环境中可以通过__proto__(非标准)属性访问到。在ES5及以后得环境中，更推荐使用Object.getPrototypeOf(obj)来操作。

3. 关键点：

   • prototype是函数特有的属性，指向该函数创建的实例的"原型对象"。
   • __proto__是每个JavaScript对象都具有的属性（指向其原型）。
   • 实例的__proto__ === 其构造函数的 prototype。

4. 原型链

   • 概念：
     • 对象与其原型之间的通过__proto__链接起来的关系组成的链式结构，就称为原型链。
   • 查找机制：当尝试访问一个对象的属性（包括方法）时，JavaScript引擎会：
     • 首先在对象自身查找该属性。
     • 如果没找到，就沿着对象的__proto__链接去它的原型对象上查找。
     • 如果还没找到，就继续沿着原型对象的__proto__去它的原型的原型上查找。
     • 如此层层向上查找，直到找到该属性或到达原型链的顶端（Object.prototype.__proto__ === null ）。如果最终没找到，则返回undefined。
   • 原型链的终点：所有普通对象的原型链最终都会指向 Object.prototype。Object.prototype 的原型 (Object.prototype.__proto__) 是 null，标志着原型链的终点。

5. ES6 Class 与原型链

   • ES6 引入的 class 语法本质上是基于原型继承的语法糖。它提供了更清晰、更接近传统面向对象语言的语法来定义构造函数和继承关系。
   • class 中的 constructor 方法对应传统的构造函数。
   • class 中直接定义的方法实际上是添加到构造函数的 prototype 对象上的。
   • extends 关键字就是用来建立子类构造函数原型 (prototype) 与父类构造函数原型 (protype) 之间的原型链关系（Child.prototype.__proto__ = Parent.prototype），并通过 super 调用父类构造函数。

总结：

原型是JavaScript对象之间建立关联的机制。原型链是由这些 [[Prototype]] 链接构成的链条，它是 JavaScript 实现属性/方法查找和继承的基础。