加强记忆... ...
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 ̄)づ