Object.defineProperty

『Object.defineProperty』考题训练与考点应用【不可思议的JavaScript】哔哩哔哩

参数

Object.defineProperty(obj, prop, descriptor)

• obj： 对象obj

• prop： 属性a

• descriptor：

var obj = {}

Object.defineProperty(obj, 'a', {
	value: 1
})

console.log(obj)	// {a: 1}

描述

该方法允许精确地添加或修改对象的属性。通过赋值操作添加的普通属性是可枚举的，在枚举对象属性时会被枚举到（for...in 或 Object.keys 方法），可以改变这些属性的值，也可以删除这些属性。这个方法允许修改默认的额外选项（或配置）。

默认情况下，使用 Object.defineProperty() 添加的属性值是不可修改（immutable）的。

1. 不可修改

2. 不可重写

3. 不可枚举

对象里目前存在的属性描述符有两种主要形式：数据描述符和存取描述符。

数据描述符是一个具有值的属性，该值可以是可写的，也可以是不可写的。

存取描述符是由 getter 函数和 setter 函数所描述的属性。一个描述符只能是这两者其中之一；不能同时是两者。

数据描述符

这两种描述符都是对象。它们共享以下可选键值（默认值是指在使用 Object.defineProperty() 定义属性时的默认值）：

• configurable

  当且仅当该属性的 configurable 键值为 true 时，该属性的描述符才能够被改变，同时该属性也能从对应的对象上被删除。 默认为 false。

  configurable 特性表示对象的属性是否可以被删除，以及除 value 和 writable 特性外的其他特性是否可以被修改。

  var o = {};
  Object.defineProperty(o, 'a', {
    get() { return 1; },
    configurable: false
  });
  
  Object.defineProperty(o, 'a', {
    configurable: true
  }); // throws a TypeError
  Object.defineProperty(o, 'a', {
    enumerable: true
  }); // throws a TypeError
  Object.defineProperty(o, 'a', {
    set() {}
  }); // throws a TypeError (set was undefined previously)
  Object.defineProperty(o, 'a', {
    get() { return 1; }
  }); // throws a TypeError
  // (even though the new get does exactly the same thing)
  Object.defineProperty(o, 'a', {
    value: 12
  }); // throws a TypeError // ('value' can be changed when 'configurable' is false but not in this case due to 'get' accessor)
  
  console.log(o.a); // logs 1
  delete o.a; // Nothing happens
  console.log(o.a); // logs 1
  

  如果 o.a 的 configurable 属性为 true，则不会抛出任何错误，并且，最后，该属性会被删除。

• enumerable

  当且仅当该属性的 enumerable 键值为 true 时，该属性才会出现在对象的枚举属性中。 默认为 false。

  enumerable 定义了对象的属性是否可以在 for...in 循环和 Object.keys() 中被枚举。

  Object.getOwnPropertyNames(obj)	// 拿到自己的属性，拿不到原型上的
  

数据描述符还具有以下可选键值：

• value

  该属性对应的值。可以是任何有效的 JavaScript 值（数值，对象，函数等）。 默认为 undefined。

• writable

  当且仅当该属性的 writable 键值为 true 时，属性的值，也就是上面的 ,value，才能被赋值运算符 (en-US)改变。 默认为 false。

writable与configurable的冲突问题

configurable 给的说明是 如果为 false , 那么不可以修改, 不可以删除.
但 writable 给的说明是如果设置为 false, 不可以采用 数据运算符 进行赋值

1. configurable: false, writable: true 删除无效，能被赋值运算符 (en-US)改变

   let obj = {}
    Object.defineProperty(obj, 'name', {
        value: 2,
        enumerable: true,
        
        configurable: false,
        writable: true
        
    })
    delete obj.name
    console.log(obj) 	//{"name": 2}
    obj.name = 3
    console.log(obj) 	//{"name": 3}

2. configurable: true , writable: false 可以删除，不能被赋值运算符 (en-US)改变

    let obj = {}
    Object.defineProperty(obj, 'name', {
        value: 2,
        enumerable: true,
        
        configurable: true,
        writable: false
        
    })
    delete obj.name
    console.log(obj) 	// {}

    let obj = {}
    Object.defineProperty(obj, 'name', {
        value: 2,
        enumerable: true,
        
        configurable: true,
        writable: false
        
    })
    obj.name = 3
    console.log(obj)	// {name: 2}

3. configurable: false, writable: false 不能删除，不能被赋值运算符 (en-US)改变

    let obj = {}
    Object.defineProperty(obj, 'name', {
        value: 2,
        enumerable: true,
        configurable: false,
        writable: false
    })
    delete obj.name
    console.log(obj)	// {name: 2}
    obj.name = 3
    console.log(obj)	// {name: 2}

//结论

此刻我们看来, 对于我们的影响, 目前来看, 主要是
configurable 控制是否可以 删除
writable 控制是否可以 修改(赋值)
当然 enumerable 控制 是否可以枚举.

存取描述符

存取描述符还具有以下可选键值：

• get

  属性的 getter 函数，如果没有 getter，则为 undefined。当访问该属性时，会调用此函数。执行时不传入任何参数，但是会传入 this 对象（由于继承关系，这里的this并不一定是定义该属性的对象）。该函数的返回值会被用作属性的值。 默认为 undefined。

• set

  属性的 setter 函数，如果没有 setter，则为 undefined。当属性值被修改时，会调用此函数。该方法接受一个参数（也就是被赋予的新值），会传入赋值时的 this 对象。 默认为 undefined。

let obj = {}

Object.defineProperty(obj, 'a', {
    get() {
        console.log(this === obj)
        return 1
    },
    set(newValue) {
        console.log(this === obj)
        console.log(newValue)
    }
})

// set
obj.a = 1 
// true
// 1

// get
console.log(obj.a)
// true
// 1

描述符默认值汇总

• 拥有布尔值的键 configurable、enumerable 和 writable 的默认值都是 false。
• 属性值和函数的键 value、get 和 set 字段的默认值为 undefined。

描述符可拥有的键值

如果一个描述符不具有 value、writable、get 和 set 中的任意一个键，那么它将被认为是一个数据描述符。

如果一个描述符同时拥有 value 或 writable 和 get 或 set 键，则会产生一个异常。