JavaScript能否实现自动Mock？访问未定义属性返回空对象需求

当然可行！在JavaScript里，我们完全可以做到让对象在访问任意未定义属性时自动返回新的空对象，而且不需要提前声明任何属性。最直接且优雅的方式就是使用Proxy对象——它专门用来拦截对象的各种操作，正好能满足我们的需求。

具体实现代码 #

这里是完整的示例：

// 创建一个被Proxy包装的空对象
const obj = new Proxy({}, {
  // 拦截属性读取操作
  get(target, prop) {
    // 检查目标对象是否存在该属性
    if (!(prop in target)) {
      // 如果不存在，返回一个全新的空对象
      return {};
    }
    // 如果属性已存在，返回原有值
    return target[prop];
  }
});

测试效果 #

我们来验证一下：

• 访问未定义属性：console.log(obj.randomProp); → 输出 {}（每次访问都会生成新的空对象）
• 访问另一个未定义属性：console.log(obj.anotherProp); → 同样输出 {}
• 给对象添加已有属性后：

  obj.existingProp = "I'm here!";
  console.log(obj.existingProp); // 输出 "I'm here!"
  

为什么用Proxy而不是其他方法？ #

比如Object.defineProperty只能为单个已知属性设置getter，没法处理“任意未定义属性”这种场景。而Proxy的get拦截器会捕获所有属性读取操作，不管这个属性是否存在，正好匹配我们的需求。

内容的提问来源于stack exchange，提问作者Gabriel Slomka