JavaScript原型链原理与应用解析

JavaScript的原型链并非可选特性，而是其对象模型的底层基石——所有对象都天然参与其中，通过内部[[Prototype]]链接逐层向上查找方法（如空对象能调用toString正是源于此）；new和class只是封装了原型链的构建逻辑，而Object.create(null)或手动置空__proto__等操作则可能意外切断链路导致基础方法失效；理解这条“看不见却无处不在”的链，不是为了炫技，而是避免在看似无害的代码中踩中继承失效、方法丢失等隐蔽陷阱。

JavaScript 不需要“原型链”来运行，但所有对象都必然参与原型链——这是语言底层机制决定的，不是可选项。

为什么 obj.toString() 能用，哪怕 obj 是个空对象？

因为每个对象都有一个内部属性 [[Prototype]]，指向它的原型对象。当你调用 obj.toString()，JS 引擎会顺着 [[Prototype]] 一层层向上查找，直到在 Object.prototype 上找到 toString 方法。

• 空对象 {} 的 [[Prototype]] 默认是 Object.prototype
• Array.prototype 的 [[Prototype]] 是 Object.prototype，所以数组也能用 toString
• 自定义构造函数的实例，其原型链终点也终将落到 Object.prototype

new 和 class 怎么悄悄建立原型链？

它们只是语法糖，背后都在操作 prototype 属性和 [[Prototype]] 链接：

• function Foo() {} 声明后，Foo.prototype 自动被创建，它的 constructor 指回 Foo
• new Foo() 创建的实例，其 [[Prototype]] 指向 Foo.prototype
• class Bar extends Foo 会让 Bar.prototype.[[Prototype]] 指向 Foo.prototype，形成继承链

换句话说：不写 prototype，JS 也会帮你连；但想控制继承行为，就得理解这条链怎么搭、在哪断。

哪些操作会意外切断或绕过原型链？

看似无害的写法，可能让查找提前终止或失效：

• Object.create(null) 创建的对象没有原型，toString 等方法直接报 TypeError: obj.toString is not a function
• Object.setPrototypeOf(obj, null) 或 obj.__proto__ = null 主动清空原型，同样导致方法不可用
• 用 for...in 遍历时，如果原型上属性被设为 enumerable: false（如 Object.prototype.toString），就不会出现——但这不影响方法调用，只影响枚举

原型链不是设计出来的“特性”，而是 JS 对象模型的自然延伸。真正容易出问题的，往往不是链本身，而是误以为它不存在、或误以为能随意重写而不影响基础行为。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JavaScript原型链原理与应用解析》文章吧，也可关注golang学习网公众号了解相关技术文章。