JavaScript | handler.deleteProperty() 方法

简介

handler.deleteProperty() 是 JavaScript 的内置方法，作为 Proxy API 的一部分使用。它允许开发者定义一个对象被删除属性时的行为，即提供了一个拦截器函数。

handler.deleteProperty() 方法应该返回一个布尔值，表示属性是否被删除成功。

以下是 handler.deleteProperty() 的语法：

var p = new Proxy(target, {
  deleteProperty: function(target, property) {
    // ...
  }
});

其中，参数含义如下：

• target：目标对象
• property：被删除的属性名

使用

下面是 handler.deleteProperty() 的实例。

const person = {
  firstName: "John",
  lastName: "Doe",
};

const proxyPerson = new Proxy(person, {
  deleteProperty: function (target, property) {
    if (property === "firstName") {
      console.log("Can't delete firstName property");
      return false;
    }

    delete target[property];
    console.log(`"${property}" property deleted`);
    return true;
  },
});

delete proxyPerson.firstName; // Can't delete firstName property
delete proxyPerson.lastName; // "lastName" property deleted
console.log(proxyPerson); // { firstName: "John" }

在上面的示例中，我们创建了一个名为 person 的对象，并使用 new Proxy() 创建了一个代理对象 proxyPerson。我们定义了 deleteProperty 方法来捕获删除属性操作，并根据 property 参数的值执行相应的操作。

在这个例子中，当我们尝试删除 proxyPerson 的 firstName 属性时，deleteProperty 方法被拦截了，输出一条提示信息并返回 false，表示属性未被成功删除。而当我们尝试删除 proxyPerson 的 lastName 属性时，该属性被成功删除，并输出一条信息。

参考资料

• handler.deleteProperty() - MDN