JavaScript handler has()方法介绍

在 JavaScript 的 handler 对象中，has() 方法用于拦截对目标对象的属性访问操作。has() 方法会在判断目标对象是否具有某个属性时自动调用。

语法

const proxy = new Proxy(target, {
  has: function(target, property) {
    // 处理逻辑
  }
});

参数

• target：目标对象，即被代理的对象。
• property：属性名，即需要判断的属性。

返回值

has() 方法需要返回一个布尔值。如果目标对象具有指定的属性，返回 true；否则返回 false。

示例

以下示例演示了如何使用 has() 方法对属性访问操作进行拦截：

const obj = {
  name: 'John',
  age: 30
};

const proxy = new Proxy(obj, {
  has: function(target, property) {
    console.log(`Checking property '${property}' existence in target object`);
    return property in target;
  }
});

console.log('name' in proxy); // 输出: Checking property 'name' existence in target object / true
console.log('city' in proxy); // 输出: Checking property 'city' existence in target object / false

在上面的示例中，我们定义了一个普通的对象 obj，然后使用 new Proxy() 创建了一个代理对象 proxy。在 has() 方法中，我们输出了一条带有属性名的日志，并使用 in 操作符判断了目标对象中是否存在指定的属性。

运行示例代码，可以看到控制台输出了判断属性存在与否的日志，并返回了相应的布尔值。

注意事项

• 在使用 has() 方法时，应该尽量避免使用 Object.getOwnPropertyNames() 等获取所有属性的方法，因为这样无法触发 has() 方法的拦截行为。
• has() 方法是可选的，如果未提供该方法，则行为将会被认为是默认行为，直接返回目标对象中的属性判断结果。
• 在严格模式下，如果 has() 方法返回 false，而目标对象的属性又不可配置（non-configurable），则会抛出一个 TypeError 异常。