当前位置: 首页 > news >正文

Reflect.get和target[key]有何不同?

主要区别在this指向不同,下面输出张三还是李四?:

  const person={
      name:'张三',
      get FullName(){
          return this.name;
      },
  };
      
  let personProxy=new Proxy(person,{
      get(target,key){
          return Reflect.get(target,key)//或者return target[key]
      }
  });
  const p1={__proto__:personProxy,name:'李四'}
  console.log(p1.FullName)

答案:张三。
当我们读取p1.FullName时,它自身是没有该属性的,也没有指定该属性的getter,它会找到继承自personProxy中,此时会触发get读取target里面的key,此时的target目标对象为person,key为FullName,如果想指定调用者为p1,可以使用第三个参数receiver

const person={
    name:'张三',
    get FullName(){
        return this.name;
    },
};
    
let personProxy=new Proxy(person,{
    get(target,key,receiver){
        return Reflect.get(target,key,receiver)
    }
});
const p1={__proto__:personProxy,name:'李四'}
console.log(p1.FullName)//李四

更多好玩好玩前端知识,可以搜索【坤坤前端笔记】小程序,让我们换个姿势学前端。

相关文章:

  • C++学习之QT高级
  • FPGA前端设计适合哪些人学?该怎么学?
  • 越早越好!8 个反直觉的金钱真相|金钱心理学
  • System 类的核心 API
  • Deepseek应用技巧-chatbox搭建前端问答
  • 语音识别-FunASR-docker部署-【超简洁步骤】
  • Manus:成为AI Agent领域的标杆
  • 题解:CF633D Fibonacci-ish
  • 如何安装MySQL,以及数据库表格创建并插入数据
  • 微前端如何拯救大型项目
  • Sglang部署大模型常用参数详解
  • 《 PyQt5》—— 创建 Python GUI(图形用户界面)
  • 《PyQt5》——设计Python GUI(图形用户界面)实例
  • 开关模式电源转换器 EMI/EMC 的集成仿真
  • 查看电脑信息
  • STM32的Systick定时器的作用
  • 每日一题——只出现一次的数字
  • vue3:一文理解h函数的使用
  • SpringbootActuator未授权访问漏洞
  • 优选算法系列(1. 双指针_上)
  • 国宝归来!子弹库帛书二、三卷抵达北京
  • 世界高血压日|专家:高血压患者控制血压同时应注重心率管理
  • 101岁陕西省军区原司令员冀廷璧逝世,曾参加百团大战
  • 上交所五方面落实募资新规:强化关键少数责任和股东权利保障
  • 通用汽车回应进口车业务调整传闻:因经济形势变化重组,致力于在中国持续发展
  • 第十二届警博会在京开幕:12个国家和地区835家企业参展