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() 方法判断某个对象是否在另一对象的原型链上:
立即学习“Java免费学习笔记(深入)”;
-
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 明确继承关系。
基本上就这些。理解原型链的关键不在记语法,而在明白“属性查找是动态委托,不是静态继承”。










