ES6新增属性之Reflect

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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值