object.defineProperty函数详解

函数简介

vue2实现响应式的原理其中一步就是使用Object.denfineProperty来把data声明的每个属性使用数据描述符定义。具体vue实现原理：vue实现原理

函数用法

Object.denfineProperty(object,‘propertyName’,options);
函数主要接受三个参数：
object: 你需要新增或修改的对象。
propertyName：你需要新增或修改的属性名称。
options：属性的一些描述符，主要有configurable、enumerable、value、writable、get、set这几个属性。下面我们详细讲解每个属性的作用。

*需要注意的是： 在设置option时configurable、enumerable、value、writable数据描述类型可以一起配置，configurable、enumerable、get、set读取描述类型可以一起配置。 但是value或writable与get或set在一起就会抛出异常。

属性描述符详解

writable: 默认值为false，只有当值为true时，才可以进行重新赋值的操作。

 // 严格模式下
 var o = {};
    Object.defineProperty(o, "a", {
      configurable: false,
      value: 12,
      writable: false,
    });
    console.log(o.a); // 12
    o.a = 31; // 抛出异常Uncaught TypeError: Cannot assign to read only property 'a' of object '#