JS原型链与继承机制详解

JavaScript的原型链是对象属性查找的核心机制——当访问一个属性时，引擎会从实例自身开始，沿着__proto__指针逐级向上搜索，直至Object.prototype（其__proto__为null）为止；它由构造函数的prototype属性启动，通过new操作符自动建立实例与原型的连接，并支撑起真正的继承：子类需用Object.create(Parent.prototype)安全链接父类原型、修复constructor，并在子构造函数中调用Parent.call(this)来继承实例属性；这一机制虽带来方法复用、动态扩展等优势，也潜藏引用共享、属性遮蔽等陷阱，理解它，就是理解JS面向对象行为的本质。

原型链的本质是属性查找路径

JavaScript 中每个对象都有一个隐式原型 __proto__，它指向该对象的原型对象。当你访问一个对象的属性或方法时，引擎会先在对象自身查找；没找到，就顺着 __proto__ 去它的原型上找；还没找到，继续往上，直到抵达 Object.prototype（此时 __proto__ 为 null，链终止）。这条逐级向上查找的路线，就是原型链。

构造函数与 prototype 是原型链的起点

函数创建时自动拥有 prototype 属性，它是一个对象，初始包含 constructor 指向该函数本身。用 new 调用构造函数生成实例时，实例的 __proto__ 会自动指向该函数的 prototype。例如：

• function Animal(name) { this.name = name; }
• Animal.prototype.speak = function() { console.log(this.name + ' makes a sound'); };
• const dog = new Animal('Dog'); → dog.__proto__ === Animal.prototype 为真

继承靠的是原型链的“拼接”

要让子类继承父类的方法，关键是把子类的 prototype 链接到父类的 prototype 上。常用方式是：

• 用 Object.create(Parent.prototype) 创建新原型对象，避免直接赋值 Child.prototype = Parent.prototype（否则会共享修改）
• 手动修复 constructor：因为 Object.create 会把新对象的 constructor 指向 Parent，需补上 Child.prototype.constructor = Child
• 构造函数内部用 Parent.call(this, ...) 继承实例属性（避免引用类型共享问题）

原型链带来的关键特性与注意事项

它不是语法糖，而是运行时真实存在的查找机制，因此直接影响行为：

• 方法复用：所有实例共享 prototype 上的方法，节省内存
• 动态可修改：给 prototype 新增方法，已有实例立刻可用
• 属性遮蔽：实例上定义同名属性会覆盖原型上的，但不会删除原型属性
• 引用类型陷阱：若 prototype 上有数组或对象，所有实例共用一份，应改在构造函数中初始化
• 性能影响：深层原型链会增加属性查找耗时，但现代引擎做了优化，日常开发中通常无需担心

好了，本文到此结束，带大家了解了《JS原型链与继承机制详解》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！