Object.defineProperty和Proxy

一、Object.defineProperty()

  它可以用来给一个对象定义一个属性或者修改一个现有的属性，并且返回这个对象。

Object.defineProperty(obj,props,descripter)

   descripter: 需要定义或修改的属性描述符

Object.defineProperty(obj, 'name', {
  // configurable: false,  //默认为false,定义了属性描述符能否被修改以及该属性能否被删除
  // enumerable: false,  //默认为false，定义了该属性能否被枚举
  value: 'kongzhi',
  // writable: false,/默认为false
  // get(){},
  // set(v){}
});

   属性描述符主要分为两大类：数据描述符和存取描述符。这两个描述符只能存在一个，不能同时存在。它们共有的属性有：configurable,enumerable，数据描述符只有value和writable，存取描述符只有set和get。

小栗子：

const obj = {};
Object.defineProperty(obj, 'name', {
  // configurable: false,//默认为false
  // enumerable: false,//默认为false
  value: 'kongzhi',
  // writable: false,/默认为false
  // get(){},
  // set(v){}
});
console.log(obj.name); // 输出 kongzhi

// 改写obj.name 的值
obj.name = 111;
console.log(obj.name); // 还是打印出 kongzhi,因为writable默认为false

var o = {};

o.a = 1;
// 等同于：
Object.defineProperty(o, "a", {
  value: 1,
  writable: true,
  configurable: true,
  enumerable: true
});


// 另一方面，
Object.defineProperty(o, "a", { value : 1 });
// 等同于：
Object.defineProperty(o, "a", {