学习日记 - Object.defineProperty-白红宇

加强记忆... ...

Object.defineProperty(obj, prop, descriptor) 方法会直接在一个对象上定义或修改一个属性，并返回这个对象

参数

obj 要在其上定义属性的对象。

prop 要定义或修改的属性的名称。

descriptor 将被定义或修改的属性描述符

属性描述符

var obj = {}; // 创建一个新对象// 在对象中添加一个属性与数据描述符的示例Object.defineProperty(obj, "key", { configurable:false,//当且仅当该属性的 configurable 为 true 时，该属性描述符才能够被改变，同时该属性也能从对应的对象上被删除。默认为 false。 enumerable:false,//当且仅当该属性的enumerable为true时，该属性才能够出现在对象的枚举属性中。默认为 false。 value:undefined,//该属性对应的值。可以是任何有效的 JavaScript 值（数值，对象，函数等）。默认为 undefined。 writable:false,//当且仅当该属性的writable为true时，value才能被赋值运算符改变。默认为 false。 get:undefinde,//一个给属性提供 getter 的方法，如果没有 getter 则为undefined。该方法返回值被用作属性值。默认为 undefined。 set:undefined//一个给属性提供 setter 的方法，如果没有 setter 则为 undefined。该方法将接受唯一参数，并将该参数的新值分配给该属性。默认为 undefined。});复制代码

网上教程很多，随便粘几个例子

example

// 在对象中添加一个属性与存取描述符的示例Object.defineProperty(obj, "a", {  value : 1,  writable : true,  enumerable : true,  configurable : true});console.log(obj.a) // 1复制代码

让一个变量始终与对象的一个属性的值相等

var val;Object.defineProperty(obj, "b", {  get : function(){    return val;  },  set : function(newVal){    val = newVal;  },  enumerable : true,  configurable : true});obj.b = 1;console.log(obj.b)//1console.log(val)//1//给obj.b赋值 val的值同时变化且与obj.b的值相等val = 2;console.log(obj.b)//2console.log(val)//2//给val赋值 obj.b的值同时变化且与val的值相等// obj.b的值现在总是与bValue相同，除非重新定义obj.b复制代码

数据描述符和存取描述符不能混合使用

Object.defineProperty(obj, "conflict", {  value: 0x9f91102,   get: function() {     return 0xdeadbeef;   } });// throws a TypeError: value appears only in data descriptors, get appears only in accessor descriptors复制代码

使用点运算符和Object.defineProperty()为对象的属性赋值时，数据描述符中的属性默认值是不同的

var obj = {};obj.a = 1;// 等同于 :Object.defineProperty(obj, "a", {  value : 1,  writable : true,  configurable : true,  enumerable : true});// 另一方面，Object.defineProperty(obj, "a", { value : 1 });// 等同于 :Object.defineProperty(obj, "a", {  value : 1,  writable : false,  configurable : false,  enumerable : false});复制代码

还有一些兼容性和规范

感谢无私奉献的人(づ￣ 3￣)づ