对象设置属性的方法defineProperty和defineProperties

一、defineProperty方法

基础语法

Object.defineProperty(对象,“属性名”,描述对象);

描述对象中的属性及其各自的作用：

属性名	作用
configurable	是否可以删除该属性或者修改该属性的定义描述对象
enumerable	该属性是否可枚举
writable	该属性是否可修改
get	获取该属性值时调用该函数
set	设置该属性值时调用该函数
value	该属性的值或者方法

注意：

• 默认configurable，enumerable，writable的值都是false
• (set,get)和(value,writable)冲突

---

调用形式举例

1、(set,get)

	var o = { a: 1 };
	
	Object.defineProperty(o, "c", {
		enumerable: true,
		configurable: true,
		set: function (value) {
		  this._c = value;
		},
		get: function () {
		  return this._c;
		},
	});

这里的set和get就类似于java中的setter和getter。

2、(value,writable)

	Object.defineProperty(o, "b", {
	  configurable: true, //是否可以删除该属性或者修改该属性的定义描述对象
	  enumerable: true, //该属性是否可枚举
	  writable: false, //该属性是否可修改，可以定义对象中的常量属性，默认是false
	  value: 4, //value就是这个属性的值，如果value是一个函数，b就是一个方法
	});

---

注意：

1、一般defineProperty方法不用来定义类（class）的静态属性，而是用来定义实例化对象的静态属性。
因为类里面是不能使用const来定义常量的，所以只能在类的初始化方法constructor中使用Object.defineProperty()。

      class Box {
        constructor() {
          Object.defineProperty(this, "ROW", {
            configurable: true,
            enumerable: true,
            value: 5,
          });
        }
        play() {
          console.log(this.ROW);
        }
      }

      var b=new Box();
      console.log(b.ROW); //5
      b.play(); //5

2、不能修改原型链

	var o = { a: 1 };
	Object.defineProperty(o, "__proto__", {
		configurable: true,
		enumerable: true,
		writable: true,
		value: "a",
	});
	console.log(o);

打印结果如图：
我们看到在上面有一个__proto__属性并且其值是"a"，而在下面的原型属性__proto__依旧存在。

在这里我们要注意，原型链是对象中特有的东西，当我们给一个对象添加__proto__属性时，我们可以设置成功，但是它并不能覆盖原本的原型属性__proto__。
所以当我们调用__proto__属性时，是可以获取到我们设置的那个__proto__属性对应的属性值的；而因为对象原本的__proto__原型属性并没有被覆盖，所以在原型链上的属性和方法我们依旧可以获取和调用。

所以说，defineProperty方法不能修改原型链。

二、defineProperties方法

根据这个方法的名字我们就可以看出，这个方法是设置多个属性的，它除了可以一次设置多个属性以外，和defineProperty方法基本没什么区别，所以我们通过下面这个例子来了解这个方法的使用方式。

      var o = {};
      var c = Symbol();
      Object.defineProperties(o, {
        "a": {
          value: 1,
        },
        b: {
          enumerable: true,
          configurable: true,
          value: 5,
        },
        [c]: {
          writable: true,
          value: 10,
        },
      });
      console.log(o); 

打印结果如下：

根据上面的描述对象和打印结果，我们可以确定，不可删除或修改描述对象以及不可枚举的属性有"a"和[c]，不可修改值的属性有"a"和b。