JavaScript handler get()方法

在 JavaScript 中，handler 是一个包含一个或多个陷阱（即捕获对象访问的操作）的对象，通过实现不同的陷阱函数，可以自定义对象的行为。其中，get() 方法是其中一个核心的陷阱函数。

get() 方法

get() 方法是 handler 对象的一个陷阱函数，用于拦截对象属性的读取访问。当访问对象属性时，JavaScript 引擎会自动调用这个陷阱函数，从而实现自定义对象属性的行为。

get() 方法的语法如下：

get: function(target, property, receiver) {
    // 拦截对象属性的读取访问操作
}

其中，参数含义如下：

• target：目标对象，即被代理的对象；
• property：目标属性，即将要被读取的属性；
• receiver：最初被调用的对象。

在使用 get() 方法时，需要注意以下几点：

• 如果目标对象某个属性的值为 undefined，那么在使用 get() 方法访问该属性时，会返回 undefined；
• 如果使用 get() 方法代理的是数组对象，那么 target 参数会是数组对象的一个空位，而不是数组中的某个具体位置。

示例

下面是一个简单的使用 get() 方法实现的代理对象的示例：

const obj = {
  name: 'John',
  age: 22
};
const objHandler = {
  get: function(target, property, receiver) {
    if (property === 'name') {
      return target[property] + ' Doe';
    } else {
      return target[property];
    }
  }
};
const objProxy = new Proxy(obj, objHandler);
console.log(objProxy.name); // John Doe
console.log(objProxy.age); // 22

在上述示例中，定义了一个对象 obj，其中包含两个属性 name 和 age，然后使用 get() 方法实现了代理对象 objProxy。在 get() 方法中，当访问对象 name 属性时，返回的是对象原属性值加上 " Doe" 的字符串；当访问对象 age 属性时，则直接返回原属性值。最后，通过 console.log() 方法输出代理对象的属性值，可得到我们期待的结果。

参考链接

• MDN web docs