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
Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐