proxy 的 get 拦截器可实现属性访问兜底与动态生成：属性不存在时返回默认值（支持配置化映射或函数），或按命名规则（如驼峰转下划线）动态计算值，需注意 receiver、自有属性判断及避免死循环。
在 JavaScript 中，用 Proxy 的 get 拦截器可以轻松为对象属性访问添加“兜底逻辑”：当属性不存在时返回默认值，或根据键名动态生成返回值（比如格式化、计算、懒初始化等）。
基础兜底：属性不存在时返回默认值
这是最常见场景。通过判断 Reflect.get(target, prop, receiver) 是否为 undefined（或更严谨地用 prop in target），决定是否启用默认值。
示例：
const obj = { name: 'Alice', age: 30 };
const handler = {
get(target, prop) {
// 属性存在则原样返回，否则返回 null 或自定义默认值
return prop in target ? target[prop] : null;
}
};
const proxy = new Proxy(obj, handler);
console.log(proxy.name); // 'Alice'
console.log(proxy.city); // null（兜底）
支持配置化默认值：传入默认值映射或函数
硬编码 null 不够灵活。可将默认策略外置，比如用一个对象映射默认值，或用函数动态计算。
建议方式：
- 用
Map或普通对象维护prop → defaultValue映射 - 对特殊字段（如
id_*）用正则匹配 + 动态生成 - 避免在
get中做耗时操作（如请求、复杂计算），除非明确是懒加载
const defaults = {
city: 'Unknown',
role: 'user',
createdAt: () => new Date().toISOString()
};
const handler = {
get(target, prop) {
if (prop in target) return target[prop];
if (prop in defaults) {
return typeof defaults[prop] === 'function'
? defaults[prop]()
: defaults[prop];
}
return undefined; // 未配置的属性仍返回 undefined
}
};
动态返回：按属性名规则生成值（如驼峰转下划线、格式化 ID）
适合需要“约定式访问”的场景，例如：proxy.userId 自动读取 target.user_id；proxy.fullName 拼接 firstName + lastName。
关键点：
- 用正则或字符串方法识别命名模式（如
/([A-Z])/g转下划线） - 区分“真实属性”和“虚拟属性”，避免无限递归（不要在
get里再读proxy.xxx） - 推荐用
Reflect.get(target, ...)安全读取原始值，而非target[prop]
const handler = {
get(target, prop) {
// 尝试驼峰转下划线（如 userName → user_name）
const snakeCase = prop.replace(/([A-Z])/g, '_$1').toLowerCase();
if (snakeCase in target && !(prop in target)) {
return target[snakeCase];
}
// 动态拼接 fullName
if (prop === 'fullName') {
return `${target.firstName || ''} ${target.lastName || ''}`.trim();
}
return Reflect.get(target, prop);
}
};
注意事项与边界处理
get 拦截器很强大，但容易踩坑：
-
不要忽略 receiver：Vue 3 响应式依赖它做依赖收集，正确写法是
Reflect.get(target, prop, receiver) -
谨慎处理原型链：若目标对象有原型，
prop in target会查原型，需用Object.prototype.hasOwnProperty.call(target, prop)判定自有属性 -
避免死循环：不要在
get中直接读proxy.xxx，而应读target.xxx或用Reflect.get -
保持一致性：如果设置了兜底值，
in proxy和Object.keys(proxy)仍只反映原始属性，不自动包含兜底字段
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
