JavaScript 中怎么使用 Object.defineProperty 拦截对象属性的读取操作-js教程-PHP中文网

Object.defineProperty 仅能拦截已明确定义的访问器属性读取，无法动态拦截任意属性；需设 get 函数并置 value/writable 为 undefined，configurable 和 enumerable 按需配置；Proxy 才支持通用动态拦截。

javascript 中怎么使用 object.defineproperty 拦截对象属性的读取操作

可以使用 Object.defineProperty 配合 get 描述符来拦截对象属性的读取操作，但要注意它只能拦截**已存在的、且被明确定义为访问器属性（accessor property）** 的字段，不能动态拦截任意属性读取（比如未定义的属性或普通数据属性）。

定义 get 访问器拦截读取

通过设置 get 函数，当访问该属性时会执行自定义逻辑，比如打印日志、计算返回值、触发副作用等。此时必须将 value 和 writable 设为 undefined，并确保 configurable 和 enumerable 按需设置。

只提供 get 不提供 set，该属性是只读的（尝试赋值不会报错，但无效）
若同时提供 set，可完整控制读写行为
configurable: false 后无法再次修改该属性描述符（包括删除）

基础用法示例

下面代码拦截对 obj.name 的读取：

const obj = {};
Object.defineProperty(obj, 'name', {
  get() {
    console.log('正在读取 name 属性');
    return 'Alice';
  },
  enumerable: true,
  configurable: true
});
<p>console.log(obj.name); // 输出：正在读取 name 属性 → "Alice"
</p>

限制与注意事项

Object.defineProperty 无法拦截以下情况：

Java 接口排错助手

在调试 Java 后端 API 故障时使用此技能，尤其适用于以下任务：分析日志、跨 Controller、Service 和 Mapper 层追踪请求、定位异常根因、检查 SQL 执行或参数流转，以及生成简洁的诊断结论与修复方案。

下载

对象上原本就存在的普通数据属性（如 obj.x = 1），除非先用 defineProperty 把它转成访问器属性
新增属性（如 obj.newProp）——除非你提前为每个可能的属性都定义好访问器
原型链上的属性读取（需在原型上定义，且仅对直接访问生效）
数组索引访问（如 arr[0]）、length 属性等原生行为不适用

替代方案提示

如果需要真正通用的读取拦截（比如响应式系统、日志代理、字段访问审计），应使用 Proxy：

const handler = {
  get(target, key) {
    console.log(`读取属性: ${key}`);
    return target[key];
  }
};
const proxy = new Proxy({ x: 1 }, handler);
console.log(proxy.x); // 打印日志并返回 1

Proxy 支持动态拦截所有属性，包括不存在的、数组索引、继承属性等，是现代 JavaScript 中更强大灵活的选择。