<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> 简单模拟 vue 检测数据变化 </title>
</head>
<!-- 这样就能在给 a.name 赋值时自动触发 set 里的代码执行了 -->
<body>
<script>
let a = {
name: '张三',
age: 18
};
let b = { };
Object.defineProperty(a, 'name', {get() {console.log('获取 name 属性');
return b.name;
},
set(val) {
// 与 C# 属性相同功能
console.log('设置 name 属性');
b.name = val;
}
})
</script>
</body>
</html>
正文完
发表至: JavaScript
2021-12-22