ES6新增属性之Reflect
1. 什么是Reflect?为操作对象而提供的新API2. Reflect的基本方法Reflect.get(target, propertyKey[,receiver])target 必需, 获取属性的目标对象propertyKey 必需,属性名称receiver 可选,(如果指定属性部署了getter访问器,那么访问器的this就会指向receiver)var antZ = {webName:
·
1. 什么是Reflect?
为操作对象而提供的新API
2. Reflect的基本方法
Reflect.get(target, propertyKey[,receiver])
target 必需, 获取属性的目标对象
propertyKey 必需,属性名称
receiver 可选,
(如果指定属性部署了getter访问器,那么访问器的this就会指向receiver)
var antZ = {
webName: "小蚂蚁",
url: 'www.xiaomayi.com',
get age(){ return this._age}
}
let res = Reflect.get(antZ, "age", {_age:4})
console.log(antZ.age) //undefined 这里因为antZ自己调用getter时候,this指向自己,而自己又没有_age所以返回undefined
console.log(res) //4 这是因为antZ在调用getter时,this指向receiver,所以返回的是4
//antZ中的getter中的this指向{_age:4}
Reflect.set(target, propertyKey, value[,receiver])
target 必需, 获取属性的目标对象
propertyKey 必需,属性名称
value 必须,属性值
receiver 可选,
(如果指定属性部署了setter访问器,那么访问器的this就会指向receiver)
let obj={
age:38,
set setAge(value){
return this.age=value
}
}
let receiver={
age:28
}
let result=Reflect.set(obj,"setAge",18,receiver)
console.log(result) //true
console.log(obj.age) //38
console.log(receiver.age) //18 由于this指向的是reciever,所以是reciever的this指针上挂载了age属性,并且属性值被设置为了18
//如果obj想自己调用setter改变自己的age属性,可以这样做: obj.setAge = "99" 再答应obj.age //99
更多推荐
已为社区贡献1条内容
所有评论(0)