Object.defineProperty 触发set

Object.defineProperty方法可以实现简单的双向绑定。通过使用该方法改变或添加对象的属性，并在修改属性时触发set方法。set方法中可以执行一些操作，比如打印日志或更新其他相关属性的值。

例如，我们可以定义一个名为`data1`的对象，并使用`Object.defineProperty`来定义该对象的`age`属性。在set方法中，我们可以打印出新的年龄值。

let data1 = { name:'小明', age:18 };

Object.defineProperty(data1, 'age', {
  set: function(newAge) {
    console.log(this.name + '现在' + newAge + '岁');
  },
  get: function() {
    return 18;
  }
});

data1.age = 18; // 控制台输出：小明现在18岁
data1.age = 19; // 控制台输出：小明现在19岁

console.log(data1.age); // 控制台输出：18

在上述例子中，当我们修改`data1`对象的`age`属性时，会触发set方法。set方法中的代码会打印出新的年龄值。同时，我们也可以通过get方法获取属性的值。

相关问题

Object.defineProperty的set怎么触发

当我们使用点运算符或Object.defineProperty()方法为对象的属性赋值时，如果该属性具有setter方法（set），则set方法会被调用来设置属性的值。可以通过在属性描述符中定义setter方法来自定义设置属性值的方式。例如，当我们通过person.name = 'Jake'设置name的值时，如果name属性具有setter方法，则该setter方法将被调用。请注意，如果属性描述符中没有定义setter方法，则默认为undefined。

请注意，Object.defineProperty()方法可以用于直接定义新属性或修改现有属性，并返回修改后的对象。该方法的第一个参数是要定义或修改属性的对象，第二个参数是要定义或修改的属性的名称，第三个参数是一个属性描述符对象，其中包含setter方法等属性的定义。在属性描述符对象中，可以使用属性描述符的默认值来定义属性的特性。对于setter方法，可以通过将其定义为属性描述符对象的一个属性来进行自定义设置。

Object.defineProperty数据劫持

Object.defineProperty是JavaScript中的一个方法，用于在对象上定义新属性或修改现有属性的特性。数据劫持是指在对象上进行属性访问和修改的过程中，通过重新定义属性的get和set方法，对数据进行拦截和处理。

当使用Object.defineProperty方法定义属性时，可以指定属性的特性，包括可枚举性、可写性、可配置性和值等。同时也可以通过指定get和set方法来实现数据劫持。

例如，我们可以使用Object.defineProperty方法对一个对象进行数据劫持，以实现属性访问拦截：

const obj = {};

Object.defineProperty(obj, 'name', {
  get() {
    console.log('访问name属性');
    return this._name;
  },
  set(value) {
    console.log('设置name属性');
    this._name = value;
  }
});

obj.name = 'John';
console.log(obj.name);

在上述代码中，我们通过Object.defineProperty方法对obj对象的name属性进行了定义，并指定了get和set函数。当我们对name属性进行赋值时，会触发set函数，并输出设置name属性的日志。当我们对name属性进行访问时，会触发get函数，并输出访问name属性的日志。

通过使用Object.defineProperty方法进行数据劫持，我们可以在属性访问和修改时执行自定义的逻辑，从而实现一些高级的功能，比如数据绑定、事件触发等。