JavaScript 中如何通过原型链实现对象功能的动态扩展-js教程-PHP中文网

javascript通过原型链实现动态扩展，核心是prototype属性和__proto__机制；最安全方式是在构造函数原型添加方法，如person.prototype.introduce；也可用object.setprototypeof()临时修改实例原型；还可批量混入方法模拟多继承；但扩展内置原型有风险，应优先使用工具函数或es6+方案。

javascript 中如何通过原型链实现对象功能的动态扩展

JavaScript 中通过原型链实现对象功能的动态扩展，核心在于利用 prototype 属性和 __proto__ 链接机制，在运行时为构造函数或实例添加方法与属性，让所有（或特定）实例即时共享新能力。

在构造函数原型上添加方法

这是最常用、最安全的扩展方式。向构造函数的 prototype 添加方法后，所有通过该构造函数创建的实例都能访问，且不会污染实例自身。

例如定义一个 Person 构造函数，再动态为其原型添加 introduce 方法：
// 定义构造函数
function Person(name) { this.name = name; }
// 动态扩展原型
Person.prototype.introduce = function() { return `Hi, I'm ${this.name}`; };
后续创建的实例（包括已存在的）都能立即调用 introduce()，因为方法查找会沿 __proto__ 向上走到 Person.prototype。

直接修改实例的原型链（慎用）

可通过设置实例的 __proto__（非标准但广泛支持）或使用 Object.setPrototypeOf()，临时改变单个对象的原型，从而赋予其新行为。

Java Maven Common

Java Maven 项目审查工作流的通用输入处理。当 Java Maven 项目以 ZIP压缩包或 GitLab 仓库 URL 形式提供且需要...时使用。

下载

const obj = {}; Object.setPrototypeOf(obj, { say: () => 'Hello' }); obj.say(); // 'Hello'
这种操作会影响该对象的整个查找链，适合测试、代理或特殊封装场景。
不建议在生产中频繁修改 __proto__，可能影响性能与可维护性；Object.setPrototypeOf() 是更规范的选择。

利用原型链实现“运行时混入”

将多个对象的方法批量复制到目标原型上，模拟多继承效果，常用于插件式扩展。

例如给 Array.prototype 动态添加一个 chunk 方法：

if (!Array.prototype.chunk) {<br>  Array.prototype.chunk = function(size) {<br>    return Array.from({ length: Math.ceil(this.length / size) }, (_, i) =><br>      this.slice(i * size, (i + 1) * size)<br>    );<br>  };<br>}