JavaScript原型链是对象属性查找的核心机制:从自身开始,沿__proto__逐级向上搜索至null;prototype是函数的属性,指向实例的原型;__proto__是实例的内部原型引用;constructor指向构造函数。

JavaScript 中的原型链是对象查找属性的核心机制。当你访问一个对象的属性时,如果该对象自身没有这个属性,JS 引擎会沿着它的 __proto__(即内部原型)向上查找,直到找到该属性,或到达原型链末端(null)为止。
原型链是怎么形成的
每个对象都有一个内部属性 [[Prototype]](可通过 __proto__ 访问),它指向该对象的原型对象。函数对象还有 prototype 属性,用于指定其“实例”的原型。
例如:
- function Person() {} 定义后,Person.prototype 是一个对象,其 constructor 指向 Person;
- const p = new Person() 创建实例后,p.__proto__ === Person.prototype;
- Person.prototype.__proto__ === Object.prototype,因为函数的 prototype 默认继承自 Object;
- Object.prototype.__proto__ === null,这是原型链的终点。
属性查找过程:从自身到 null
当读取 obj.prop 时,引擎按以下顺序搜索:
立即学习“Java免费学习笔记(深入)”;
- 先检查 obj 自身是否有 prop(自有属性);
- 如果没有,就去 obj.__proto__ 上找;
- 还没找到,继续查 obj.__proto__.__proto__;
- 如此逐级向上,直到某个原型对象有该属性,或抵达 null(此时返回 undefined)。
注意:只在读取(get)和 in 操作符中走原型链;for...in 会遍历自身 + 可枚举的原型属性;hasOwnProperty 只检测自身属性。
区分 prototype、__proto__ 和 constructor
这三个概念常被混淆,但作用不同:
- Function.prototype:函数对象才有的属性,是所有该函数创建的实例的原型对象;
- obj.__proto__:实例对象的内部原型引用,等价于 Object.getPrototypeOf(obj);
- Constructor.prototype === obj.__proto__ 是常规关系,但不是绝对相等(比如用 Object.create(null) 创建的对象,其 __proto__ 为 null,没有构造函数)。
现代写法与注意事项
ES6 引入了 Object.getPrototypeOf() 和 Object.setPrototypeOf(),推荐代替直接操作 __proto__(后者是非标准且影响性能)。
- 获取原型:Object.getPrototypeOf(obj);
- 设置原型(慎用):Object.setPrototypeOf(obj, proto);
- 创建带指定原型的对象:Object.create(proto);
- 检查属性是否在原型上:!(obj.hasOwnProperty('prop')) && 'prop' in obj。
不复杂但容易忽略。










