JavaScript原型链是对象查找属性和方法的隐式路径,通过[[Prototype]]链接实例与构造函数prototype,最终止于Object.prototype.__proto__为null;它是JS继承的核心机制,方法定义在prototype上可共享节省内存。

JavaScript 原型链是对象查找属性和方法时所依赖的一条隐式链接路径,它让对象能“访问”到其构造函数原型(prototype)上的属性和方法,并可逐级向上追溯,直到到达 Object.prototype 或 null。它不是语法结构,而是一种运行时的查找机制,也是 JS 实现继承的核心基础。
原型链怎么形成的?
每个函数(包括构造函数)都有一个 prototype 属性,指向一个对象;每个实例对象内部都有一个隐式属性 [[Prototype]](可通过 __proto__ 访问,或更推荐用 Object.getPrototypeOf())。当用 new Fn() 创建实例时,该实例的 [[Prototype]] 会自动指向 Fn.prototype。
- 构造函数的
prototype是实例对象的原型 - 实例的
__proto__指向构造函数的prototype -
Fn.prototype.__proto__通常指向Object.prototype(因为Fn.prototype本质是普通对象) -
Object.prototype.__proto__是null,链在此终止
原型链如何实现继承?
继承的本质是让子类型实例既能访问自身属性,也能访问父类型的共有方法——这靠的是把父类的方法挂到父构造函数的 prototype 上,再让子构造函数的 prototype 链接到父类实例(或等价对象),从而形成可延续的查找链。
- 经典方式:用
Object.create(Parent.prototype)替换子类的prototype,再修正constructor - 必须在替换
prototype后,再在新原型上添加子类方法,否则会被覆盖 - 子类构造函数中需手动调用
Parent.call(this, ...)来继承实例属性(如this.name) - ES6 的
class和extends就是这套机制的语法糖,底层仍靠原型链
为什么说“方法定义在 prototype 上”很重要?
如果把方法写在构造函数里(this.method = function(){}),每次创建实例都会重复生成一份函数,浪费内存。而定义在 prototype 上,所有实例共享同一个函数,既节省空间,又支持动态修改——改一处,所有实例立即生效。
立即学习“Java免费学习笔记(深入)”;
- 例如:
Array.prototype.myMap = function() {...}后,所有数组都能用.myMap() - 但要注意:不能用箭头函数重写原型方法,因为箭头函数没有自己的
this和prototype - 新增方法后,已存在的实例也能立即使用(因为查找走的是运行时原型链)
基本上就这些。原型链不复杂,但容易忽略隐式查找和赋值的区别:读取属性会沿链向上找,而直接给实例赋值(obj.x = 1)只会在实例自身添加,不会修改原型。











