详解Object.defineProperty方法

Object.defineProperty(obj, prop, descriptor)
参数说明：
// obj：必需。目标对象
// prop：必需。需定义或修改的属性的名字
// descriptor：必需。目标属性所拥有的特性

let obj = {}
Object.defineProperty(obj, "name", {
  enumerable: false,//是可选值，不选的话默认值为false，
  configurable: false,//是可选值，不选的话默认值为false，
  writable: false,
  value: "张三"
});

let obj = {};
let newVal;
Object.defineProperty(obj, "name", {
  enumerable: false,//是可选值，不选的话默认值为false，
  configurable: false,//是可选值，不选的话默认值为false，
  get : function(){
    return newVal;
  },
  set : function(newValue){
    newVal= newValue;
  },
});

//-----------------测试目标属性是否能被删除------------------------
//configurable为 false的情况，
let obj = {}
Object.defineProperty(obj, "name", {
  enumerable: false,
  configurable: false,
  writable: false,
  value: "张三"
});
//删除属性
delete obj.newKey;
console.log( obj.name); //张三
也就是说 configurable: false的情况，我们没有删除对象属性，
自己动手试试configurable: true的情况，打出来的值应该是undefined
//-----------------测试是否可以再次修改特性------------------------
let obj = {}
Object.defineProperty(obj, "name", {
  enumerable: false,
  configurable: false,
  writable: false,
  value: "张三"
});
Object.defineProperty(obj, "name", {
  enumerable: true,
  configurable: true,
  writable: true,
  value: "李四李四"
});
console.log( obj.name); //报错，"TypeError: Cannot redefine property: name"
也就是说第一个configurable设置为false的情况下，下边的在从新设置对象属性‘name’的时候会报错。
4个属性里只要有一个值不一样就会报错。
当然了如果第一个configurable设置为true的情况，下边就可以打印出 `李四李四`。
//-----------------2次设置的对象name一样的情况下------------------------
let obj = {}
Object.defineProperty(obj, "name", {
  enumerable: false,
  configurable: false,
  writable: false,
  value: "张三"
});
Object.defineProperty(obj, "name", {
  enumerable: false,
  configurable: false,
  writable: false,
  value: "张三"
});
这个是不会报错的，因为2次设置的属性name的4个特性值都是一样的,也就等于我们没有修改描述符的值。

let obj = {}
Object.defineProperty(obj, "name", {
  enumerable: false,
  configurable: false,
  writable: false,
  value: "张三"
});
for(let attr in obj){
   console.log(attr) //undefined,因为我们设置了enumerable: false，
}
如果我们设置了enumerable: true会打印出值“name”。

//第一种情况：不设置value属性
let obj = {}
Object.defineProperty(obj, "name", {
});
console.log(obj .name)//undefined
//第二种情况：设置value属性
let obj = {}
Object.defineProperty(obj, "name", {
   value:'张三'
});
console.log(obj .name)//张三

//第一种情况：设置writable属性为false
let obj = {}
Object.defineProperty(obj, "name", {
   writable:false,
   value:"张三"
});
obj.name="李四"
console.log(obj.name)//张三
//第二种情况：设置writable属性为true
let obj = {}
Object.defineProperty(obj, "name", {
   writable:true,
   value:"张三"
});
obj.name="李四"
console.log(obj.name)//李四

var obj = {};
Object.defineProperty(obj,"name",{
    get:function (){} | undefined,
    set:function (value){} | undefined
    configurable: true | false
    enumerable: true | false
});

let obj = {};
let name = '张三';
Object.defineProperty(obj,"name",{
    get:function (){
        //当获取值的时候触发的函数
        return name ;    
    },
    set:function (value){
        //当设置值的时候触发的函数,设置的新值通过参数value拿到
        name = value;
    }
});
console.log(obj.name)//张三，
obj.name是获取值，会走get函数
obj.name = "李四" // 这时是赋值，会走set函数，
console.log(obj.name) //李四