/*
Object.defineProperty:
给一个对象添加或者修改属性 返回一个对象
参数1:目标对象
参数2:需要修改或者添加的属性
参数3:当前属性的一些特征 对象
value: 设置属性值
writable: 设置当前属性是否允许被修改
configurable:设置当前属性是否可以删除
enumerable:设置当前属性是否可被枚举
getter---get() 当获取属性值的时候触发的函数
setter---set() 当设置属性的时候触发的函数
如何模拟ES6的const?
//value
var obj = {};
Object.defineProperty(obj,"name",{
value:"宋磊"
})
console.log(obj.name)
//writeable
var obj = {};
Object.defineProperty(obj,"name",{
value:"宋磊",
writable:false
})
obj.name="王多";
console.log(obj.name)
//configurable
var obj = {age:19};
Object.defineProperty(obj,"name",{
value:"宋磊",
configurable:false
})
delete obj.age;
delete obj.name;
console.log(obj)
enumerable:
var obj = {name:"宋磊",age:20};
Object.defineProperty(obj,"sex",{
value:"男",
enumerable:true
})
for(var key in obj){
console.log(key);
}
var obj = {name:"宋磊",age:20};
Object.defineProperty(obj,"sex",{
value:"男",
enumerable:true
})
console.log(Object.keys(obj))
Object.keys:把当前对象的属性枚举出来 返回值是一个数组
for in 与 Object.keys 的区别
前者可以把原型对象身上的属性枚举出来
后者不能把原型对象身上的属性枚举出来
function Fn(){}
Fn.prototype.type="人类";
var obj = new Fn();
obj.name = "宋磊";
obj.age = 20;
obj.sex = "男";
for(var key in obj){
console.log(key)
}
console.log(Object.keys(obj))
*/
//当使用get set方法的时候不允许使用value和writeable不然会报错
/*
数据劫持
当获取或设置的时候会劫持到新的值
*/
var obj = {name:"宋磊"};
Object.defineProperty(obj,"name",{
configurable:true,
enumerable:true,
get:function(){
console.log("获取了")
},
set:function(newStr){
console.log("设置了新值"+newStr)
}
})
obj.name;
obj.name = "王多";