JS 原型

一、抓住几个关键

1. 每个构造函数都有一个显式原型对象

如果有一个构造函数 Foo，那么在内存中就存在一个 显式原型对象 Foo.prototype。

• 这个对象是 JS 引擎自动创建的。
• 它的用途是：存放所有实例共享的属性和方法。
• 它默认有一个 constructor 属性，指向构造函数本身：
  Foo.prototype.constructor === Foo

2. 实例的隐式原型指向构造函数的显式原型

如果一个对象 a 是由构造函数 Foo 创建的（const a = new Foo()），那么：

a.__proto__ === Foo.prototype

• __proto__ 是对象的隐式原型（非标准但广泛支持，标准是 Object.getPrototypeOf(a)）。
• 这是原型链查找的起点：当访问 a.x 时，先找自身，再通过 __proto__ 找 Foo.prototype。

3. 所有显式原型对象都继承自 Object.prototype

所有函数的 prototype 对象（如 Foo.prototype）本质上都是普通对象，而所有普通对象都是由 Object 构造的。

所以：

Foo.prototype.__proto__ === Object.prototype

• 这意味着 Foo.prototype 可以使用 Object.prototype 上的方法，如 hasOwnProperty、toString 等。
• Object.prototype 是原型链的最终终点。

二、关于 Function 构造函数的特殊点

1. 所有函数都是 Function 的实例

在 JavaScript 中，函数是一等公民，而所有函数（包括构造函数）本质上都是 Function 构造出来的对象。

所以：

Foo.__proto__ === Function.prototype
Object.__proto__ === Function.prototype
Array.__proto__ === Function.prototype
Function.__proto__ === Function.prototype // 包括它自己！

2. Function 是唯一能“自我构造”的函数

Function 作为函数，是由它自己创建的。

Function.__proto__ === Function.prototype // ✅ true

• 这是 JavaScript 引擎的底层设计。
• 它使得 Function 成为“函数的始祖”，所有函数都通过它诞生。
• 也是唯一一个 __proto__ === prototype 的函数。

三、关于 Object 构造函数的特殊点

1. Object 是顶层构造函数

Object 是 JavaScript 中最基础的构造函数，所有对象都直接或间接继承自它。

它的原型对象是：

Object.prototype

• 所有对象的原型链最终都会指向 Object.prototype。
• 它提供了最基础的方法：toString、valueOf、hasOwnProperty 等。

2. Object.prototype 是原型链的终点

Object.prototype 本身也是一个对象，但它没有原型。

Object.prototype.__proto__ === null // ✅ true

• null 表示“无”，是原型链的终点。
• 当查找属性时，如果一直找到 Object.prototype 还没有，就返回 undefined。