JavaScript中什么是原型链_如何访问对象原型

夢幻星辰 2025-12-18 00:00:00 次阅读

JavaScript原型链是对象间隐式委托的继承机制，通过[[Prototype]]链接至null；属性查找时若自身无则沿链向上委托，函数有prototype属性供实例继承，Object.prototype为终点；推荐用Object.getPrototypeOf()获取原型，isPrototypeOf()和instanceof可验证链关系，修改原生prototype需谨慎。

JavaScript 中的原型链是对象之间继承关系的实现机制，每个对象都有一个内部属性 [[Prototype]]（可通过 __proto__ 访问，但不推荐），指向它的原型对象；而该原型对象自身也可能有原型，如此层层向上，直到为 null，这条链就叫原型链。

原型链的本质是对象间的隐式委托

当读取一个对象的属性时，如果该对象自身没有这个属性，JS 引擎会自动沿着 [[Prototype]] 向上查找，直到找到或抵达链末端（null）。这种“找不到就问爸爸”的机制就是委托，不是复制，也不是传统类继承。

函数对象默认拥有 prototype 属性（一个普通对象），用于被实例对象的 [[Prototype]] 指向
普通对象（如字面量 {}）没有 prototype 属性，但有 [[Prototype]]
Object.prototype 是绝大多数对象原型链的终点，其 [[Prototype]] 为 null

访问对象原型的三种常用方式

推荐使用标准、安全的方式，避免依赖非标准或已废弃的写法：

Object.getPrototypeOf(obj) —— 标准、可靠，返回 obj 的 [[Prototype]]
obj.__proto__ —— 浏览器广泛支持，但属于遗留特性，ECMAScript 不鼓励使用
Constructor.prototype —— 仅适用于通过构造函数创建的对象，且需知道构造函数名（例如 Array.prototype）

示例：

const arr = [1, 2];

console.log(Object.getPrototypeOf(arr) === Array.prototype); // true

console.log(Array.prototype.constructor === Array); // true

如何验证原型链是否连通

可以用 isPrototypeOf() 方法判断某个对象是否在另一对象的原型链上：

Array.prototype.isPrototypeOf([1, 2]) → true
Object.prototype.isPrototypeOf([]) → true（因为 Array.prototype 的原型是 Object.prototype）
{}.isPrototypeOf([1, 2]) → false（空对象不是数组的原型）