在JavaScript中，每个对象都有一个隐式的原型属性，指向其构造函数的原型对象，动态修改对象的原型可以改变对象的属性查找链，实现灵活的继承或行为扩展。常见的动态修改对象原型的方式有两种，分别是使用__proto__属性和Object.setPrototypeOf方法。
使用__proto__属性修改原型
__proto__是对象的一个访问器属性，本质上是对Object.getPrototypeOf和Object.setPrototypeOf的封装，直接对该属性赋值即可动态修改对象的原型。不过需要注意的是，__proto__并不是ECMAScript标准的强制要求，部分环境下可能不支持。
示例代码如下：
// 定义原始原型对象
const originalProto = {
sayHi: function() {
console.log('原始原型的方法');
}
};
// 定义新的原型对象
const newProto = {
sayHello: function() {
console.log('新原型的方法');
}
};
// 创建对象，默认原型为originalProto
const obj = Object.create(originalProto);
obj.sayHi(); // 输出：原始原型的方法
// 动态修改obj的原型为newProto
obj.__proto__ = newProto;
obj.sayHello(); // 输出：新原型的方法
// 此时originalProto上的方法已经无法访问
obj.sayHi(); // 输出：undefined
使用Object.setPrototypeOf方法修改原型
Object.setPrototypeOf是ES6正式引入的标准方法，用于设置一个指定对象的原型到另一个对象，兼容性比__proto__更好，是官方推荐的修改原型的方式。
语法结构为：Object.setPrototypeOf(obj, prototype)，其中obj是要修改原型的对象，prototype是新的原型对象，可以是null或者对象。
示例代码如下：
// 定义基础原型
const baseProto = {
getInfo: function() {
return '基础原型信息';
}
};
// 定义扩展原型
const extendProto = {
getDetail: function() {
return '扩展原型详情';
}
};
// 创建对象
const user = Object.create(baseProto);
console.log(user.getInfo()); // 输出：基础原型信息
// 动态修改原型
Object.setPrototypeOf(user, extendProto);
console.log(user.getDetail()); // 输出：扩展原型详情
console.log(user.getInfo()); // 输出：undefined
// 也可以将原型设置为null
Object.setPrototypeOf(user, null);
console.log(user.getDetail); // 输出：undefined
两种方式的对比
我们可以通过下表查看两种修改原型方式的特点：
| 方式 | 标准性 | 兼容性 | 推荐程度 |
|---|---|---|---|
| __proto__赋值 | 非标准（虽被多数环境支持） | 较旧环境可能不支持 | 不推荐 |
| Object.setPrototypeOf | ES6标准方法 | 现代浏览器、Node.js均支持 | 推荐 |
注意事项
- 动态修改对象原型会影响该对象后续所有的属性查找行为，如果新原型没有覆盖旧原型的属性，旧原型的属性将无法被访问。
- 频繁修改对象原型会导致JavaScript引擎的属性查找优化失效，可能影响代码执行性能，除非必要场景，否则不建议频繁操作。
- 如果要将对象的原型设置为
null，该对象将不再拥有任何继承的原型方法，比如toString等基础方法也无法使用。 - 修改原型操作仅对当前对象生效，不会影响该对象原本构造函数的原型，也不会影响其他基于原构造函数创建的对象。
实际应用场景
动态修改对象原型的常见场景包括：运行时扩展对象的行为、临时替换对象的继承链实现特定逻辑、在不修改构造函数的情况下为单个对象添加原型方法等。比如下面的例子，为单个对象临时添加日志功能：
// 基础对象
const tool = {
doWork: function() {
console.log('执行工作');
}
};
// 带日志的原型
const logProto = {
doWork: function() {
console.log('开始执行工作');
// 调用原原型的方法
Object.getPrototypeOf(this).doWork.call(this);
console.log('工作执行完成');
}
};
// 为tool对象动态添加日志能力
Object.setPrototypeOf(tool, logProto);
tool.doWork();
// 输出：
// 开始执行工作
// 执行工作
// 工作执行完成
通过上述方式，我们可以在不修改原对象结构的情况下，动态为对象扩展新的行为，实现更灵活的逻辑处理。
JavaScript原型修改Object_setPrototypeOf__proto__对象继承修改时间：2026-06-23 16:03:31