红宝书第二十讲：详解JavaScript的Proxy与Reflect

---

红宝书第二十讲：详解JavaScript的Proxy与Reflect

资料取自《JavaScript高级程序设计（第5版）》。
查看总目录：红宝书学习大纲

---

一、Proxy的作用：给对象戴上“监听耳机”

Proxy（代理）允许你为对象创建代理层，拦截并自定义对象的基本操作（如属性读写、函数调用等）。核心用法：

• 通过new Proxy(target, handler)创建代理对象
• handler对象定义各种监听方法（称为陷阱/trap）¹[^2]

示例1：拦截属性读取

// 创建目标对象
const target = {
   
    name: '小明', age: 18 };

// 定义代理处理器（拦截读取）
const handler = {
   
   
  get(target, property) {
   
   
    console.log(`有人在读取属性：${
     
     property}`);
    return Reflect.get(...arguments); // 利用Reflect执行默认操作
  }
};

// 创建代理对象
const proxy = new Proxy(target, handler);

console.log(proxy.name); //