js watch监听
时间: 2023-11-09 11:56:52 浏览: 90
js 实现watch监听数据变化的代码
在JavaScript中,你可以使用`Object.defineProperty`方法来创建一个可观察的对象属性。这个方法接受三个参数:要添加或修改的对象,要定义或修改的属性的名称以及一个描述该属性的对象。
在描述对象中,你可以定义一个`get`方法和一个`set`方法来监视属性的读取和写入操作。当属性发生变化时,`set`方法会被调用。
下面是一个简单的示例,演示如何使用`watch`监听对象属性的变化:
```javascript
let obj = {
name: 'Alice',
age: 30
};
Object.defineProperty(obj, 'age', {
get: function() {
return this._age;
},
set: function(value) {
this._age = value;
console.log('age属性已更新为', value);
}
});
obj.age = 35; // 输出:age属性已更新为 35
```
这个示例中,我们使用`Object.defineProperty`方法将`age`属性定义为可观察的属性。当我们更新`age`属性时,控制台会输出相应的消息。
阅读全文