JavaScript defineProperty() 方法

JavaScript 的handler.defineProperty() 方法用于定义对象上的新属性或修改现有属性。它是 Proxy 对象的一部分，允许你为另一个对象创建代理并修改其行为。此方法接受三个参数：目标对象、属性键和属性描述符。

属性描述符是一个对象，它定义了属性的特性，例如其值、是否可写或可配置。此方法提供了一种控制属性访问和操作方式的方法，从而实现数据验证等高级功能。

语法

以下是 JavaScript handler.defineProperty() 方法的语法：

new Proxy(target, {
   defineProperty(target, property, descriptor) {}
});

参数

target − 表示目标对象。
property − 表示要检索其描述的属性的名称或符号。
descriptor − 要定义或修改的属性的描述符。

返回值

此方法返回一个布尔值，指示属性是否成功定义。

示例 1

让我们来看下面的例子，我们将定义一个新属性。

<html>
<style>
body {
   font-family: verdana;
   color: #DE3163;
}
</style>
<body>
<script>
let x = {};
let y = {
   defineProperty(x, propertyKey, descriptor) {
      document.write(JSON.stringify(descriptor));
      return Reflect.defineProperty(x, propertyKey, descriptor);
   }
};
let z = new Proxy(x, y);
z.tp = 132;
</script>
</body>
</html>

输出

如果执行上述程序，它将在网页上显示文本。

示例 2

考虑另一个场景，我们将修改现有属性。

<html>
<style>
body {
   font-family: verdana;
   color: #DE3163;
}
</style>
<body>
<script>
let x = {
   tp: 1122
};
let y = {
   defineProperty(x, propertyKey, descriptor) {
      document.write(JSON.stringify(descriptor));
      return Reflect.defineProperty(x, propertyKey, descriptor);
   }
};
let c = new Proxy(x, y);
c.tp = 'WELCOME';
</script>
</body>
</html>

输出

执行上述脚本后，它将在网页上显示文本。

打印页面