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

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（空对象不是数组的原型）

也可用 instanceof 判断对象是否由某构造函数“构造”，它底层就是检查原型链中是否存在该构造函数的 prototype。

修改原型要谨慎

虽然可以给 prototype 添加方法（如 Array.prototype.myMap = ...），但应避免污染原生原型：

• 可能与其他库冲突
• 影响可维护性和调试体验
• 某些环境（如严格模式、模块化代码）下可能报错或无效

更安全的做法是用工具函数封装，或使用 class / extends 明确继承关系。

基本上就这些。理解原型链的关键不在记语法，而在明白“属性查找是动态委托，不是静态继承”。