学习日记 - Object.defineProperty

244 阅读2分钟

加强记忆... ...

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)//1
console.log(val)//1
//给obj.b赋值 val的值同时变化且与obj.b的值相等

val = 2;
console.log(obj.b)//2
console.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 ̄)づ