闭包--修改函数内部变量

// 闭包漏洞
// 如何在不改变下面代码情况下修改对象obj

代码如下(示例):

 const fn = (() => {
      const obj = {
        a: 1,
        b: 2,
      }
      return {
        get: (k) => {
          return obj[k]
        },
      }
    })()

2.问题解析

上述函数fn自执行后返回一个对象,对象中提供一个get属性为一个函数,
可想象为引入一个三方库,仅仅根据第3方库提供的api去修改第3方库里面的某些对象,

// 当前我们只能通过fn.get('a')去获得obj属性a的值,要想更改a或者b或者给obj添加其他属性可通过如下方式
// 给对象原型上添加属性abc 使用访问器返回当前对象
    Object.defineProperty(Object.prototype, 'abc', {
      get() {
        return this
      },
    })
    不能直接获取obj,可以通过上述方式在其原型上添加任意属性(abc)
    const _obj = fn.get('abc'); // 现在obj上找abc属性找不到会去其原型找
    console.log(_obj)--->{a:1,b:2}
    _obj.a='修改后的a';
    _obj.b='修改后的b';
    _obj.c='添加属性c'
    console.log(fn.get('a'))--->'修改后的a'
    console.log(fn.get('b'))--->'修改后的b'
    console.log(fn.get('c'))--->'添加属性c'

这样就通过改变原型的方式修改了obj对象

那么如何实现禁止修改obj呢, 有如下方法

 const fn = (() => {
      const obj = {
        a: 1,
        b: 2,
      }
      //方法一
      // 当不需要用到obj原型对象时,设置原型对象为null,
      Object.setPrototypeOf(obj, null) 
      return {
        get: (k) => {
        // 方法二
        // 判断读取对象是否在obj本身
          if (obj.hasOwnProperty(k)) {
            return obj[k]
          }
          return undefined
        },
      }
    })()

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值