程序员鸡皮

文章	分类	评论
323	4	39

站点介绍

一名PHP全栈程序员的日常......

Reflect在代码中的具体使用场景是怎样的？

首页 / 正文

本站是作为记录一名北漂程序员编程学习以及日常的博客，欢迎添加微信BmzhbjzhB咨询交流,喜欢吃红薯或粉条的也可以私聊我......

发布于2024-07-04

前置阅读：什么是Reflect对象


const info = {
    name:"why",
    age:18,
    // 规范：以_开头认为它是私有属性
    _height:1.88,
    set height(newValue){
    this._height = newValue * 100
},
get height(){
    return this._height + "cm"
}
}

// 在使用Proxy监听对象的改变时，直接操作原对象和使用Reflect有什么区别？
const infoProxy = new Proxy(info,{
    set(target,key,value,receiver){
        console.log('info被捕捉了它的set操作：',key)
        //target[key] = value
return Reflect.set(target,key,value,receiver)
},
get(target,key,value,receiver){
        console.log('info被捕捉了它的get操作：',key)
        //return target[key]
        return Reflect.get(target,key,receiver)
},
has(target,key){
        console.log("判断是否有",key)
        return Reflect.has(target,key)
}
})
// infoProxy.name = "kobe"
// console.log(infoProxy.name)
// console.log("name" in infoProxy)
infoProxy.height = 2.01
// console.log(infoProxy.height)

运行结果为下面图所示：