JavaScript原型链是引擎查找属性时自动追溯__proto__直至null的路径;继承需三步:设原型、修constructor、调父类call;class是语法糖,仍基于原型链,super()不可省略。

JavaScript 原型链的本质是什么
原型链不是语法结构,而是 JavaScript 引擎在查找属性或方法时自动执行的一条“向上追溯路径”。当你访问一个对象的 obj.x,而 obj 自身没有 x,引擎就会去读它的 __proto__(即 Object.getPrototypeOf(obj)),再找 x;如果还没找到,就继续查那个对象的 __proto__,直到到达 null —— 这条链就是原型链。
用 function 构造函数模拟继承时的关键点
传统基于构造函数的继承依赖三步:设置子类原型、修复构造器指向、调用父类初始化。漏掉任一环都会导致实例无法正确识别类型或丢失属性。
-
Child.prototype = Object.create(Parent.prototype)是必须的,直接赋值Parent.prototype会让子类原型和父类原型共享引用,修改会影响所有实例 - 必须手动恢复
Child.prototype.constructor = Child,否则new Child()实例的constructor会指向Parent - 在子类构造函数中调用
Parent.call(this, ...args),否则父类通过this挂载的实例属性(如this.name)不会出现在子类实例上
function Parent(name) {
this.name = name;
}
Parent.prototype.say = function() { return 'hi'; };
function Child(name, age) {
Parent.call(this, name); // ✅ 关键:继承实例属性
this.age = age;
}
Child.prototype = Object.create(Parent.prototype); // ✅ 关键:继承原型方法
Child.prototype.constructor = Child; // ✅ 关键:修复 constructor
const c = new Child('Alice', 12);
console.log(c.name); // 'Alice'
console.log(c.say()); // 'hi'
console.log(c instanceof Child); // true
console.log(c instanceof Parent); // true
ES6 class 继承背后仍是原型链
class 只是语法糖,extends 编译后仍生成基于 __proto__ 和 Object.setPrototypeOf 的原型链。但要注意:super() 必须在使用 this 前调用,否则报错 ReferenceError: Must call super constructor in derived class before accessing 'this' —— 这是因为子类构造函数中,this 的绑定被延迟到 super() 执行完毕。
-
class B extends A会自动设置B.__proto__ === A(静态继承),同时B.prototype.__proto__ === A.prototype(实例继承) - 子类静态方法可通过
B.staticMethod()调用,也能被A.staticMethod()访问(因为B.__proto__ === A) - 不能省略
super(),哪怕父类构造函数无参数 —— 否则this不可用
常见误判原型链的陷阱
开发者常把 instance.constructor.prototype 当作“当前实例的原型”,但它不一定等于 Object.getPrototypeOf(instance),尤其在原型被重写或跨 iframe 时。
立即学习“Java免费学习笔记(深入)”;
- 修改
Child.prototype = {...}后忘记补.constructor,会导致inst.constructor === Parent,影响类型判断和序列化逻辑 - 用
for...in遍历时,会遍历整个原型链上的可枚举属性,需用hasOwnProperty过滤 - iframe 中创建的对象,其原型链终点不是当前全局的
Object.prototype,而是 iframe 内的Object.prototype,导致inst instanceof Object返回false -
Object.create(null)创建的对象没有原型,Object.getPrototypeOf(obj) === null,此时整条原型链只有自身,不继承任何方法(如toString)
原型链本身不复杂,难的是它隐式生效、不可见、且容易被中间环节意外切断或污染。真正要盯住的,永远是 Object.getPrototypeOf(obj) 的返回值,而不是靠 constructor 或 __proto__ 猜测。











