2026年原型链指南最新趋势与最佳实践

JavaScript 的原型链(Prototype Chain)是实现面向对象继承和属性查找的核心机制。为了让你更清晰地理解，我将从核心概念、运作机制、经典关系以及现代语法等几个维度为你进行系统性梳理。

1. 核心概念：prototype 与 proto

理解原型链，首先要区分这两个极易混淆的概念：

prototype(原型对象)：只有函数(尤其是构造函数)才拥有。它相当于一个“公共仓库”，里面存放着所有由该构造函数创建的实例可以共享的属性和方法。

__proto__(原型指针)：所有对象都拥有。它像一个“找爹指针”，指向创建该对象的构造函数的 prototype。当对象自身找不到某个属性时，就会顺着这个指针向上查找。

2. 原型链的运作机制

原型链本质上是一条“属性查找的族谱路径”。当你尝试访问一个对象的属性或方法时，JavaScript 引擎会按照以下顺序进行查找：

查找自身：首先检查对象自身是否拥有该属性。

沿链向上：如果自身没有，则通过 __proto__ 指针，去它的原型对象(即构造函数的 prototype)中查找。

继续向上：如果原型对象中也没有，则继续沿着原型对象的 __proto__ 向上查找。

到达终点：这个过程会一直持续，直到找到该属性，或者到达原型链的顶端——Object.prototype。Object.prototype.__proto__ 的值是 null，代表原型链的终点。如果到 null 还没找到，则返回 undefined。

3. 经典关系与代码验证

我们可以通过一个具体的例子来验证这些核心关系：

javascript

1// 1. 定义一个构造函数

2function Person(name) {

3 this.name = name;

4}

5

6// 2. 在构造函数的 prototype 上添加共享方法

7Person.prototype.sayHi = function() {

8 console.log(`Hi, I am ${this.name}`);

9};

10

11// 3. 创建一个实例

12const alice = new Person('Alice');

13

14//  核心关系验证

15// 实例的 __proto__ 指向构造函数的 prototype

16console.log(alice.__proto__ === Person.prototype); // true

17

18// 构造函数的 prototype 的 __proto__ 指向 Object.prototype

19console.log(Person.prototype.__proto__ === Object.prototype); // true

20

21// Object.prototype 是原型链的终点

22console.log(Object.prototype.__proto__ === null); // true

4. 函数的双重身份与双重原型链

在 JavaScript 中，函数也是对象(一等公民)，这意味着函数拥有两条完全独立的原型链：

作为构造函数：通过 new 关键字创建的实例，其原型链跟着构造函数的 prototype 走。

作为普通对象：函数自身的原型链跟着 Function.prototype 走。

javascript

1Function.prototype.a = 1;

2Object.prototype.b = 2;

3

4function F() {}

5const f = new F();

6

7console.log(f.a); // undefined (实例 f 的原型链上没有 Function.prototype)

8console.log(f.b); // 2 (实例 f 的原型链上有 Object.prototype)

9console.log(F.a); // 1 (函数 F 自身的原型链上有 Function.prototype)

5. ES6 Class 与原型链

ES6 引入的 class 语法糖，底层依然是基于原型链实现的。class 的 extends 关键字，本质上就是建立了子类和父类原型对象之间的 __proto__ 链接。

javascript

1class Animal {

2 speak() { return 'Animal sound'; }

3}

4

5class Dog extends Animal {

6 speak() { return 'Woof!'; }

7}

8

9const rex = new Dog();

10// rex -> Dog.prototype -> Animal.prototype -> Object.prototype -> null

11console.log(rex.speak()); // "Woof!"

 实践建议

在实际开发中，为了避免混淆和潜在的兼容性问题，建议遵循以下规范：

读取原型：使用标准的 Object.getPrototypeOf(obj) 代替 obj.__proto__。

设置原型：使用 Object.create(proto) 或 Object.setPrototypeOf(obj, proto) 来建立原型关系，而不是直接修改 __proto__。