Object.defineProperty

Object.defineProperty(obj,prop,descriptor) 定义对象中新属性或修改原有的属性

  • obj：必需。目标对象
  • prop：必需。需定义或修改的属性的名字

  • descriptor：必需。目标属性所拥有的特权 — 以 对象形式 {} 书写

    • value：设置属性的值 默认为 undefined
    • writable：值是否可以重写。 true | false 默认为false
    • enumerable：目标属性是否可以被枚举，默认为false
    • configurable：目标属性是否可以被删除或是否可以再次修改特性，默认为false

基本使用：

  1.   // Object.defineProperty() 定义新属性或修改原有属性
  2.   const obj = {
  3.     id: 1,
  4.     pname: '小米',
  5.     price: 199
  6.   };
  8.   Object.defineProperty(obj,'num',{
  9.     value: 1000
  10.     /*虽然没有加 enumerable 但是默认是 false 所以也没法遍历出来*/
  11.   })
  12.   Object.defineProperty(obj,'price', {
  13.     value: 9.9
  14.   })
  15.   console.log(obj)
  17.   Object.defineProperty(obj,'id', {
  18.     writable: false
  19.   })
  21.   obj.id = 2
  22.   console.log(obj)
  24.   Object.defineProperty(obj, 'address', {
  25.     value: '中国山东蓝翔',
  26.     // 如果只为 false 不允许修改这个属性值，默认值也是 false
  27.     writable: false,
  28.     // 如果值为 false 则不允许遍历，默认值是 false
  29.     enumerable: false,
  30.     // 如果为 false 则不允许删除这个属性 默认为 false
  31.     configurable: false
  32.   })
  33.   console.log(obj) //{id: 1, pname: "小米", price: 9.9, num: 1000, address: "中国山东蓝翔"}
  34.   console.log(Object.keys(obj)) // (3) ["id", "pname", "price"]
  35.   delete obj.address
  36.   delete obj.pname
  37.   console.log(obj) //{id: 1, price: 9.9, num: 1000, address: "中国山东蓝翔"}
  39.   Object.defineProperty(obj, 'address', {
  40.     value: '中国山东蓝翔',
  41.     // 如果只为 false 不允许修改这个属性值，默认值也是 false
  42.     writable: true,
  43.     // 如果值为 false 则不允许遍历，默认值是 false
  44.     enumerable: true,
  45.     // 如果为 false 则不允许删除这个属性 默认为 false  不允许再次修改参数里面的特性 默认为 false
  46.     configurable: true
  47.   })
  49.   console.log(obj.address) // 报错  Cannot redefine property: address  at Function.defineProperty