Object.defineProperty 监听对象属性变化
2018-10-10 17:25
561 查看
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Object.defineProperty 监听对象属性变化</title>
</head>
<body>
<script type="text/javascript">
let obj = {}
let value = ''
Object.defineProperty(obj, 'name', {
get: () => {
return value
},
set: (newVal) => {
console.log('检测到变化', newVal);
value = newVal;
}
})
console.log(obj.name, ' 1')
obj.name = 'mfg'
console.log(obj.name, ' 2')
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- vue源码学习之Object.defineProperty对象属性监听
- 原生js 对象属性监听，对象重写，defineProperty getter setter
- Javascript Object.defineProperty() 创建一个不能被修改的对象的属性
- 解决Vue2.0 watch对象属性变化监听不到的问题
- vue2.0监听数组中对象属性的变化
- Listener 监听对象的属性变化
- JS对象数据属性 && Object.defineProperty函数
- 好记性不如烂笔头42-javaWeb监听对象域属性变化(6)
- javascript 监听对象属性的变化
- Java PropertyChangeListener实现对象属性监听
- IPHONE 和 KVC/KVO 监听对象属性变化（例如：获取textView 的text的变化）
- 响应式监听--------ES6之Proxy代理 和 Object.defineProperty
- Object.defineProperty()定义对象方法
- Object.defineProperty 与 属性描述符
- 浅谈vue实现数据监听的函数 Object.defineProperty
- js对象，defineProperty，对象定义属性
- ECMAScript5 Object的新属性方法(包含Object.create()、Object.defineProperty()等)
- 22、ECMA5给原型对象重新设置构造器的方法Object.defineProperty(p1,p2,p3)
- 最新发现:Object.defineProperty()让数组的length属性变成只读
- 使用INotifyPropertyChanged监听属性变化