关于Object.defineProperty()，你需要知道哪些？

会根据以下顺序简单介绍

解释

Object.defineProperty() 会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。

 

语法

Object.defineProperty(obj, prop, descriptor)
1.obj：要定义属性的对象。
2.prop：要定义或修改的属性的名称
3.descriptor：属性描述符。

 

示例

 const object1 = {};

Object.defineProperty(object1, 'property1', {
value: 42,
writable: false
});
console.log(object1.property1);
// expected output: 42
对象object1拥有了属性property1，值为42

 

属性描述符

1.数据描述符

拥有可写或不可写值的属性

configurable: 当且仅当configurable为true时，改属性描述符才能够被改变，也能被删除
enumerable: 当其值为true时，该属性才能够出现在对象的枚举属性中，默认为false
writable: 当且仅当该属性的值为true时，该属性才能被赋值运算符改变， 默认为false。
value： 该属性对应的值，可以是任意有效的javascript的值（数值，对象，函数等），默认为undefined

*个人尝试，writable为false时也是可以赋值的，可参考上面案例。

 

2.存取描述符

由一对getter-setter函数功能来描述的属性

configurable: 当且仅当configurable为true时，改属性描述符才能够被改变，也能被删除
enumerable: 当其值为true时，该属性才能够出现在对象的枚举属性中，默认为false
get: 给属性提供getter的方法，如果没有 getter 则为undefined。当我们读取某个属性的时候，其实是在对象内部调用了该 方法，此方法必须要有return语句。该方法返回值被用作属性值。默认为 undefined
set：设置属性值的方法， 如果没有 setter 则为 undefined。该方法将接受唯一参数，并将该参数的新值分配给该属性。默认为 undefined。也就是说，当我们设置某个属性的时候，实际上是在对象的内部调用了该方法

note：两者不能同时定义， 就是说不能同时设置value和getter-setter，否则会报错

 

兼容性

在IE8中，只支持DOM对象和一些非标准行为。这个问题后来在IE 9中得到了解决。