JavaScript的原型存在的安全问题及解决办法

 更新时间:2023年08月23日 11:38:47   作者:zayyo  
JavaScript的原型很多人都知道也很好用,但是很多人在使用原型继承中导致的安全问题却很少人知道,接下来我们就来好好了解一下,感兴趣的小伙伴跟着小编一起来看看吧

JavaScript的原型很多人都知道也很好用,但是很多人在使用原型继承中导致的安全问题却很少人知道,接下来我们就来好好了解一下。

在真实开发中,我们经常会在代码中使用Property accessors 属性访问器,并且使用用户输入的参数去访问某个对象的属性。这看起来可能是一个很稀疏平常的操作,但是往往在这个过程中我们的代码就已经产生了一个很大的安全漏洞!!!

为什么这样写代码会产生安全问题?

我们可以看来一下,下面的一个示例

我们的访问代码

const internal = {
  foo: {
    bar: null
  }
}
const acceptUserInput = (type, subtype, value) => {
  internal[type][subtype] = value
}

应用:

// 正常的访问
acceptUserInput('foo', 'bar', 'I am so clever')
// 恶意攻击
acceptUserInput('__proto__', 'polluted', '你好我是黑客,权限是允许')

在我们的恶意攻击中,我们向我们的原型上添加了一个polluted属性。导致我们所有新创建的对象都会多出一个polluted属性,属性的值是“你好我是黑客,权限是允许”,这就给了不怀好意的坏人,一个可乘之机。

const obj = {}
console.debug(obj.polluted) // '你好我是黑客,权限是允许'

为什么会不安全呢?

如果在客户端上,这可能问题不大,如果这是在服务器上,那就可能会为黑客攻击提供漏洞。

假设黑客知道你的代码在运行时会创建一个新对象,并且你没有使用Object.create(null)创建一个没有原型的对象。

黑客通过在原型上添加属性,他们可以解锁更多用户权限,比如网站修改权限,vip权限等等来攻击你的网站让你的网站承受损失。

代码示例

const internal = {
  foo: {
    bar: null
  }
}
const acceptUserInput = (type, subtype, value) => {
  internal[type][subtype] = value
}
// 假设一个object
// object在代码运行时被创建
// 假设数据的获取来自数据库
const getRoles = () => ({ canAccessThat: true })
const userCanAccessThis = () => {
  const me = getCurrentUser() // 从会话等中获取
  const roles = getRoles(me.id)
  return roles.canAccessThis === true
}
// 恶意攻击
acceptUserInput('__proto__', 'canAccessThis', true)
// 现在每一个用户都会返回每个用户的canAccessThis都是true
userCanAccessThis()

这是一个简单的模拟案例,可以让我们更直观的看到这个漏洞的威力。

怎么防止漏洞的产生?

  • 在代码中减少属性访问器的使用尽可能使用.的方式去访问对象的属性
  • 或者使用 MapSet,来代替我们的对象
  • 检查对象的原型链,查看新创建对象的原型是否被恶意添加了原本不该有的属性,或者属性被修改
  • 检查用户的输入,只有防止用户恶意输入
  • 用于Object.create(null)创建没有原型的对象

到此这篇关于JavaScript的原型存在的安全问题及解决办法的文章就介绍到这了,更多相关JavaScript原型存在的问题内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript的console命令使用实例

    JavaScript的console命令使用实例

    这篇文章主要介绍了javascript的console命令使用实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • js 实现无缝滚动 兼容IE和FF

    js 实现无缝滚动 兼容IE和FF

    js 实现无缝滚动 兼容IE FF,大家可以看看。
    2009-07-07
  • js判断浏览器版本以及浏览器内核的方法

    js判断浏览器版本以及浏览器内核的方法

    这篇文章主要介绍了js判断浏览器版本以及浏览器内核的方法,可实现针对各个浏览器的判断,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • DatePickerDialog 自定义样式及使用全解

    DatePickerDialog 自定义样式及使用全解

    这篇文章主要介绍了DatePickerDialog 自定义样式及使用全解,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-07-07
  • 浅析JS刷新框架中的其他页面 && JS刷新窗口方法汇总

    浅析JS刷新框架中的其他页面 && JS刷新窗口方法汇总

    本篇文章是对JS刷新框架中的其他页面以及JS刷新窗口的方法进行了汇总介绍,需要的朋友可以参考下
    2013-07-07
  • 原生JS实现视频截图功能的示例代码

    原生JS实现视频截图功能的示例代码

    这篇文章主要为大家详细介绍了如何通过原生JavaScript实现视频截图功能,文中的示例代码讲解详细,具有一定的借鉴价值,需要的小伙伴可以参考一下
    2023-11-11
  • TS中最常见的声明合并(接口合并)

    TS中最常见的声明合并(接口合并)

    这篇文章主要介绍了TS中最常见的声明合并:接口合并,TS中的声明合并,指的就是编译器会针对同名的声明合并为一个声明,合并后的声明会同时拥有原先两个或多个声明的特性,接口的合并也是一样,它会将双方的成员放到一个同名的接口里,更多详细内容请参考下面文章内容

    2021-12-12
  • 8个有意思的JavaScript面试题

    8个有意思的JavaScript面试题

    JavaScript 是一种有趣的语言,我们都喜欢它,因为它的性质。这篇文章主要介绍了8个有意思的JavaScript面试题 ,需要的朋友可以参考下
    2019-07-07
  • echarts整合多个类似option的方法实例

    echarts整合多个类似option的方法实例

    这篇文章主要给大家介绍了关于echarts整合多个类似option的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-07-07
  • 用Javascript评估用户输入密码的强度实现代码

    用Javascript评估用户输入密码的强度实现代码

    用Javascript评估用户输入密码的强度实现代码,需要的朋友可以参考下。
    2011-11-11

最新评论