原型链不直接实现数据劫持，真正用于劫持的是Object.defineProperty（Vue 2）或Proxy（Vue 3）；原型链仅用于共享拦截逻辑和代码复用，如在构造函数prototype上定义watch方法，但劫持仍发生在实例自身属性上。
JavaScript 中原型链本身 不直接实现数据劫持监听，它只是对象查找属性和方法的机制。真正用于数据劫持监听的是 Object.defineProperty（Vue 2）或 Proxy（Vue 3、现代响应式方案），而原型链常被用来“统一注入”或“共享拦截逻辑”，但不是劫持发生的底层原理。
原型链的作用：共享 getter/setter 定义逻辑
你不能靠修改 Object.prototype 来劫持所有对象的属性读写（这会污染全局、性能差、且对字面量对象/内置对象无效）。但可以利用原型链，在自定义构造函数的 prototype 上预设带拦截逻辑的方法或访问器，让实例继承这些能力。
- 例如：给构造函数的
prototype添加一个watch方法，内部用defineProperty劫持当前实例的某个属性；该方法被所有实例共享，但劫持行为仍发生在实例自身属性上。 - 注意：ES6 的
get/set只能在对象字面量或Object.defineProperty中定义，不能直接在 prototype 上声明为访问器属性来劫持子属性（那样只会劫持对 prototype 本身的访问，而非实例属性）。
常见误解：以为改 Object.prototype 就能监听一切
有人尝试这样写：
Object.defineProperty(Object.prototype, 'name', {
get() { console.log('get name'); return this._name; },
set(v) { console.log('set name'); this._name = v; }
});
这是错误的——它只会影响显式访问 obj.name 且该对象自身没有 name 属性、且原型链上只有这一层 name 的情况。更严重的是：
立即学习“Java免费学习笔记（深入）”；
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 所有对象（包括数组、Date、JSON 等）都会受影响，极易引发冲突；
- 无法区分是哪个对象触发的访问，也无法动态绑定依赖；
- 现代框架和规范（如严格模式）明确反对污染内置原型。
实际响应式系统怎么结合原型链？
以 Vue 2 简化版为例，响应式核心流程是：
- 遍历 data 对象的每个属性，用
Object.defineProperty在 该对象自身 上定义响应式 getter/setter； - 把依赖收集、派发更新等逻辑封装成函数（如
defineReactive），这个函数可放在工具类或构造函数的 prototype 上，供多个地方复用； - Observer 类的 prototype 可能包含
walk、convert等方法，它们操作的是传入的具体对象，而不是靠原型链自动劫持。
换句话说：原型链负责“代码复用与组织”，defineProperty 或 Proxy 才负责“真实劫持”。两者分工明确，不可混淆。
Proxy 是更好的替代，且与原型链无关
ES6 Proxy 可直接代理整个对象，拦截 get、set、has、deleteProperty 等操作，无需遍历属性，也天然支持数组、动态属性、嵌套对象（配合递归或 Reflect）：
const reactive = (obj) => {
return new Proxy(obj, {
get(target, key, receiver) {
console.log(`get ${key}`);
return Reflect.get(target, key, receiver);
},
set(target, key, value, receiver) {
console.log(`set ${key} = ${value}`);
return Reflect.set(target, key, value, receiver);
}
});
};
这个过程完全绕过原型链查找，是对象层面的拦截。你甚至可以用 Proxy 包裹一个空对象并控制其行为，原型链在此不起数据劫持作用。
