Object.defineProperty定义属性和实现双向绑定

Object.defineProperty(obj,'name',{}); //第三个参数：属性描述器(最重要)
1、以前定义一个对象可以这样 let obj = {name:'mashitujiayou'}

let obj = {}; obj[name] = 'mashitu' //这种会有一个问题，不能在值发生改变的时候做我想做的事情

let obj = {}; Object.defineProperty(obj,'name',{ //第一个值： 第二个参数:属性的key值， 第三个参数：属性描述器 enumerable:false, //可枚举，就是可以看到不 configurable:true, //是否蚵配置,能不能操作里面的属性（如delete obj.name） writable:true, // 是否可修改， value:'mashitu' }); console.log(obj)

如果不用value的时候就需要用到get(){}和set(){}方法，并且不能使用writable属性 let obj = {}; let val; Object.defineProperty(obj,'name',{ //第一个值：dierge 第二个参数:属性的key值， 第三个参数：属性描述器 enumerable:false, //可枚举，就是可以看到不 configurable:true, //是否蚵配置,能不能操作里面的属性（如delete obj.name） // writable:true, // 是否可修改， // value:'mashitu' get(){ //return 'zhangsan'; console.log('取值一次'); return val }, set(v){ console.log('设置值一次'); val = v; } }); obj.name = 'lisi' console.log(obj.name); //这时候调用的是get方法， //这个就是拦截或者代理（vue为了能够监控到对象的变化会给对象重写get和set方法）