就是由Object.defineProperty(对象，属性名，{set，get})

var obj = {a:1}
Object.defineProperty(obj,'b',{
value:2 //初始2 ，不写就是underfined
writable:false //writable如果是false，则不能修改这个值
})
obj.b = 200 //writable如果是false，则不能修改这个值，会默默反抗你，还是2
console.log(obj)

var obj = {a:1}
object.defineProperty(obj,'b',{
get：function（）{console.log('有人正在访问b的值')} 有人访问b就会触发get
set:function(newVal){console.log(`正在用${newval}设置属性b 的值`)}  有人设置就会触发set
})

// 需求;在你设置age属性的时候，如果属性>30岁，则修改成28
// 格式：object.defineProperty(obj,prop,{set，get})
//作用：拦截器  注意：只是拦截器，没法存，需借助第三方变量存
var obj = {name:'小王哥哥'}
var age222 = 1  // 因为拦截器没法存，我定义一个变量来存值
object.defineProperty(obj,'age',{
get：function(){return age222},
set:function(newVal){
    if(newVal > 30){
    age222 = 28  //小王，你要注意，这里newVal不能保存啊，用第三方变量来保存！
                 // 逻辑为当你obj.age = xx 设置的时候，如果值小于30输出1，大于30输出28
})

<div id='app'> 1 </div> //页面有个div内容为1
var obj = {a:1}   // 定义一个对象
object.defineProperty(obj,'a',{   // 设置obj中a的属性值
set : function(newVal){
//set 是拦截器，是一个函数，可以做事啊。
当改变属性值的时候，会被拦截到，然后做事（set函数执行）
//当我们通过obj.a=xxx修改的时候，
拦截器会把newval的值给div（innerHTML作用不必多说），
从而实现数据驱动视图
document.getElementById('app').innerHTML = newval
}
})

var obj = {a:1,b:2,c:3}
//你如何得知，在什么事件，改了哪个属性？
var  newobj = {}  // 定义新对象当做容器，中介，因为set不能保存值
//object.keys(obj) //拿键，放到数组里面 for in 同样可以
function objA(){   //封装成一个函数
//object.keys(obj) //拿键，放到数组里面 for in 同样可以
for(let  key in obj){
<!--有疑问：为啥这里写的是newobj，原因在于他是拦截器，不能保存，
但是我们最终要改变的其实是obj所以newobj是一个中间人角色，
当个暂时的容器，方便修改obj --!>
object.defineProperty(newobj,key,{
set : function(newval){
console.log{`有人修改了${key},新值是${newval}`}
obj[key]=newval
},
get : function(){return obj[key]}
}
}
}
objA()
newobj.a = 100