解析神奇的 Object.defineProperty
几行代码看他怎么用
var a= {}
Object.defineProperty(
a,
"b",
{
value:123
});
console.log(a.b); //
很简单，它接受三个参数，而且都是必填的
等价于
var a= {}
Object.defineProperty(a,"b",{
value:123,
writable:false,
enumerable:false,
configurable:false // 这个为false, 再对a, 其他的任何设置都会报错
})
a.value = 1; //error
console.log(a.b);//123
var a = {};
Object.defineProperty(o, "b", {
value : 123,
writable : false });
console.log(a.b); // 打印 37
a.b = 25; // 没有错误抛出（在严格模式下会抛出，即使之前已经有相同的值）
console.log(o.a); // 打印 37， 赋值不起作用。
var a= {}
Object.defineProperty(a,"b",{
value:3445,
enumerable:false //注意咯这里改了
})
console.log(Object.keys(a));// 打印[] for in也不行
在 descriptor 中不能同时设置访问器（get 和 set）和 wriable 或 value，否则会错，就是说想用 get 和 set，就不能用 writable 或 value 中的任何一个。
var a= {}
Object.defineProperty(a,"b",{
set:function(newValue){
console.log("我检查检测到你赋值给我了,我的新值是"＋newValue)
},
get:function(){
console.log("我检测到你取我的值")
return 2 //注意这里，我硬编码返回2
}
})
a.b =1 //打印 你要赋值给我,我的新值是1
console.log(a.b) //打印 你取我的值
//打印 2 注意这里，和我的硬编码相同的
简单来说，这个 “b” 赋值或者取值的时候会分别触发 set 和 get 对应的函数。
这就是实现 observe的关键啊。