Object.defineProperty()方法直接在一个对象上定义一个新属性,或者修改一个已经存在的属性,并返回这个对象
- value:设置属性的值
- writable:值是否可以重写。 true|false
- enumerable: 目标属性是否考可以被枚举。 true | false
- configurable: 目标属性是否可以被删除或是可以在此修改特性 true|false
- set:目标属性设置值的方法
- get:目标属性获取值的方法
// 假设我们有个对象user;我们要给她增加一个属性name,我们会这么做
var user = {};
user.name = '青阳子';
console.log(user); // {name:"青阳子"}
// 想要增加一个sayHi方法呢
user.sayHi = function () {
console.log('hi')
}
console.log(user) // {name:'青阳子',sayHi:fn}
Object.defineProperty()就是做这个的
Object.defineProperty()需要三个参数(object,propName,descriptor)
1.Object 对象 =>给谁加
2.propName 属性名 => 要加的属性的名字 (类型:string)
3.descriptor 属性描述 => 加的这个属性有什么样的特性 (类型:Object)**
那么descriptor这个是个对象,他有那些属性呢? 别着急我们一个一个说:
既然可以给一个对象增加属性,那么我们可以用它来做一下给user添加name属性,代码是这样的
var user = {};
Object.defineProperty(user, 'name', {
value: '青阳子'
})
console.log(user)
// 还是那个经典的value属性,他就是设置属性值的
// 等等,属性值只能为字符串吗? 我们的number function Object boolean等呢
var user = {};
Object.defineProperty(user, 'name', {
value: '青阳子'
})
Object.defineProperty(user, 'isSlow', {
value: true
})
Object.defineProperty(user, 'sayHi', {
value: function () { console.log(sayHi) }
})
Object.defineProperty(user, 'age', {
value: 17