一、Object.defineProperty:给一个对象定义一个新的属性或修改一个对象现有的属性,并且返回这个对象
1.语法:Object.defineProperty(参数1,参数2,参数3)
参数1:目标对象
参数2:需要修改或者添加的属性名
参数3:目标对象属性的一些特征(是一个对象)
其中参数3中也有一些参数:
参数1:value:属性值
参数2:writable:对象属性值是否可被修改,true表示允许,false表示不允许
参数3:configurable:对象属性是否可被删除,true为允许,false为不允许
参数4:enumerable:对象属性是否可被枚举(即遍历)
参数5:get():给一个属性提供getter方法,当访问这个对象的属性值时触发该方法
参数6:set():给一个属性提供setter方法,当设置这个对象的属性值时触发该方法
二、参数示例
1、value
var obj = {};
Object.defineProperty(obj,"name",{value:"Leslie Cheung"});
Object.defineProperty(obj,"age",{value:22});
console.log(obj);//Object(是一个Object对象)
2、writable
var obj = {};
Object.defineProperty(obj,"name",{
value:"Leslie Cheung",
writable:false//为false时不允许修改
})
obj.name = "leslie-cheung";
console.log(obj.name);//Leslie Cheung var obj = {};
Object.defineProperty(obj,"name",{
value:"Leslie Cheung",
writable:true//为true时允许修改
})
obj.name = "leslie-cheung";
console.log(obj.name);//leslie-cheung
3、configurable
var obj = {};
Object.defineProperty(obj,"name",{
value:"Leslie Cheung",
configurable:false//为false时不允许被删除
})
delete obj.name;
console.log(obj.name);//Leslie Cheung var obj = {};
Object.defineProperty(obj,"name",{
value:"Leslie Cheung",
configurable:true//为true时允许被删除
})
delete obj.name;
console.log(obj.name);//undefined
4、enumerable
var obj = {name:"Leslie Cheung",age:"20"};
Object.defineProperty(obj,"name",{
enumerable:false//为false时不可被遍历
});
Object.defineProperty(obj,"age",{
enumerable:false//为false时不可被遍历
});
console.log(Object.keys(obj));//[] var obj = {name:"Leslie Cheung",age:"20"};
Object.defineProperty(obj,"name",{
enumerable:true//为true时可被遍历
});
Object.defineProperty(obj,"age",{
enumerable:true//为true时可被遍历
});
console.log(Object.keys(obj));//["name", "age"]
5、get()和set()
var obj = {name:"Leslie Cheung"};
Object.defineProperty(obj,"name",{
get(){
console.log("被访问,触发get()方法");//被访问时触发get()方法
},
set(val){
console.log("被设置了" + val + ",触发set()方法");//被设置时触发set()方法
}
});
obj.name;//输出结果:被访问,触发get()方法
obj.name = "leslie-cheung";//输出结果:被设置了leslie-cheung,触发set()方法
注意:当使用了get()方法或者set()方法的时候就不能使用value和writable中的任何一个属性否则会报错
6、for in和Object.keys()的区别
function Person(name,age){
this.name = name;
this.age = age;
}
Person.prototype = {
sex:"男"
}
var man = new Person("Leslie Cheung",20);
console.log(Object.keys(man));//["name", "age"],返回一个数组,数组值为对象自身的属性,不包括继承原型的属性
for(var key in man){
console.log(key);//name age sex,遍历对象可枚举的属性,包括自身的属性,以及继承原型的属性
}