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

闭包“陷阱” 私有对象真的没办法修改属性吗?

今天在网上看见一道非常妙的题,以至于我不得不感慨一下,自己脑子都转不过来。

如何在不改变代码的情况下,改变obj对象?

    const o = (function () {
      const obj = {
        a: 1,
        b: 2
      }
      return {
        get(key) {
          return obj[key]
        }
      }
    })()

这道题真的太妙了,考察了挺多的东西。

对于一个第三方库,如果封装的不是很好,我们甚至可以修改掉其提供的对象的属性。

话说我们如何通过这个函数的返回值,对其私有的对象进行修改呢?

valueof+原型

我们知道,如果我们想要拿到一个对象自身,可以通过valueOf方法(Object原型上的)。比如:

const obj = {a:1}
console.log(obj)

打印结果自然还是obj对象自身。那么我们是不是也可以通过这个形式?

const o = (function () {
      const obj = {
        a: 1,
        b: 2
      }
      return {
        get(key) {
          return obj[key]
        }
      }
    })()
    console . log(o. get('valueOf')())

可惜,控制台会报错。为什么呢,因为我们是拿到了valueOf函数,但是执行的时候this出现了改变。

那么我们如何拿到obj对象自身呢?

如果我们上面返回的对象的get函数内是一个函数的执行(objkey),这种形式肯定是一个可以拿到obj自身了,但是我们不能改变这个代码啊,那要咋办?

什么方式可以不手动执行函数调用就可以拿到这个这个对象自身呢?那就是重写一个属性的getter了。

我们在读取一个对象的某个成员的时候,就可以变成一个函数的调用了。

    const o = (function () {
      const obj = {
        a: 1,
        b: 2
      }
      return {
        get(key) {
          return obj[key]
        }
      }
    })()
    Object . defineProperty(Object.prototype, 'x', {
      get(){
        // 那个对象在读x这个属性,this就是谁         return this
      }
    })
    // 拿到原对象了,可以修改属性了。。。     console . log(o. get('x'), o. get('x') . valueOf())

因为我们访问属性x的时候,obj自身并没有,那么我们就会去其原型上找,然后就会拿到返回值this,也就是当前访问该属性的对象了。

如何避免?

我们可以在写一个库的时候,也就是取值的时候,先看一下这个属性是不是我们提供的对象自身拥有的,如果不是,返回undefined。

    const o = (function () {
      const obj = {
        a: 1,
        b: 2
      }
      return {
        get(key) {
          if( !obj. hasOwnProperty(key)) return           return obj[key]
        }
      }
    })()
    Object . defineProperty(Object.prototype, 'x', {
      get(){
        // 那个对象在读x这个属性,this就是谁         return this
      }
    })
    // 拿到原对象了,可以修改属性了。。。     console . log(o. get('x'))

我们也可以直接让提供的obj对象没有原型,也可以解决这个问题!!

    const o = (function () {
      const obj = {
        a: 1,
        b: 2
      }
      Object . setPrototypeOf(obj, null)
      return {
        get(key) {
          // if(!obj.hasOwnProperty(key)) return           return obj[key]
        }
      }
    })()
    Object . defineProperty(Object.prototype, 'x', {
      get(){
        // 那个对象在读x这个属性,this就是谁         return this
      }
    })
    // 拿到原对象了,可以修改属性了。。。     console . log(o. get('x'))

相关文章:

  • Ai-WB1系列驱动4.0寸电阻触摸屏运行LVGL v8.3
  • Symfony 表单教程
  • 程序员最浪漫的表白方式,将情书写在她的照片里,Python简直太厉害啦~
  • 硬件电路(3)设计篇----为什么栅极型推挽电路不用上P下N?
  • SpringSecurity(十三)---实现过滤器(上)基础讲解
  • 【微信小程序系列:三】前端实现微信支付与代扣签约
  • 每天五分钟机器学习:数据和特征决定机器学习的上限(特征工程)
  • Mysql注入
  • 测开 - 进阶篇 - 细节狂魔
  • 四旋翼无人机学习第4节--STM32、MPU9250等器件的绘制
  • Linux系统中利用open函数多次打开同一个文件操作方法
  • Windows下安装及卸载程序可用的添加和删除当前路径到环境变量的bat脚本以及如何和inno setup结合使用的实例
  • 【无标题】
  • stm32f103c6t6下的HAL库搭建三种低功耗模式
  • 多态
  • 彻底理解Java并发:synchronized关键字
  • 由一个按键程序引发的思考(上)
  • CDH大数据平台 21Cloudera Manager Console之azkaban与freeIPA、Kerberos等组合配置(markdown新版二)
  • Web开发:Web开发中的域概念整理与解读
  • html制作一个酷炫的记事本(源码)