JavaScript原型链污染

JavaScript原型链污染

一、什么是原型链污染(JS)

原型链污染(Prototype Pollution)是一种安全漏洞,在 JavaScript 中可能会导致意外和不安全的行为。它利用了 JavaScript 中的原型继承机制,通过修改对象的原型链来污染或篡改目标对象的属性。

二、前置知识

2.1 JS对象

属性声明及调用格式如下

js 复制代码
key:value //声明

classname.key //调用

方法声明及调用格式如下

js 复制代码
methodname:function(){
	......
} //声明

classname.methodname()  //调用

2.11 通过类创建

类的声明与实例化和其他语言相似,如果不声明构造函数,则该函数仍存在但内容为NULL

js 复制代码
class demo{
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}
let person = new demo(ELITE,25);
// 访问对象的属性
console.log(person.name); // 输出:ELITE
console.log(person.age); // 输出: 25

2.12 字面量模式创建

JavaScript中对象的字面量模式定义类似于python中的字典,属性是键值对的组合,方法也以类似的形式定义示例如下

js 复制代码
var person = {
	name:"ELITE",
	age:19,
	gender:'male',
	sayName:function(){
		console.log("hello world!");
	}
};

2.13构造函数模式创建

js 复制代码
// 定义一个函数,将作为对象的构造方法
function Person(name, age) {
  this.name = name;
  this.age = age;
}
// 使用构造方法创建对象实例
var person1 = new Person('Alice', 25);  //给构造方法传值
// 访问对象的属性
console.log(person1.name); // 输出: Alice
console.log(person1.age); // 输出: 25

JavaScript里的构造方法和其他语言中的构造方法相同,都会在对象初始化时自动执行

2.2 默认属性

在JavaScript中一切皆对象(这里就和python类似了),函数也可以理解为一种特殊的变量

  • __proto__ 属性,它是对象独有的 ,指向对象(构造函数)的原型(可以说是父类)
  • constructor属性,它是对象独有的,指向对象的构造函数
  • prototype属性,它是函数独有的,指向函数的原型对象,也可以说是该函数作为构造函数创建的实例的原型对象

具体关系如图所示

并且存在这样一个等式

js 复制代码
对象.__proto__ == 构造函数.prototype

一般创建的对象的原型默认都是object,例如:

js 复制代码
let person = {
  name: 'John',
  age: 30,
  city: 'New York'
};
//未指明构造函数

三、污染利用

污染需要用到这样一个合并函数,和python里的merge函数差不多

js 复制代码
function merge(target, source) {
    console.log('merge', target, source);
    // 遍历 source 中的 key。
    for (let key in source) {
        if (key in source && key in target) {
            merge(target[key], source[key])  //递归遍历
        } else {
            target[key] = source[key]  //合并赋值
        }
    }
}

重点在于这一条语句

js 复制代码
merge(target[key], source[key])

假定对象如下

javascript 复制代码
let a = {}
let b = {"id": 1, "__proto__": {"no": 2}}

//这俩都未指定原型,默认都为Object

我们要通过a与b的合并,去污染object对象,b为原对象

当for语句迭代到b对象的第二个属性时污染开始,我们的目的是得到 a[_proto _]属性,也就是Object对象,但是我们这种字面量定义方式是错的

js 复制代码
let b = {"id": 1, "__proto__": {"no": 2}}

__proto__并不会被原封不动的解释为键值,而是会被当做默认属性 解析为 b对象 的原型 ,这时b对象的原型发生改变,不再是默认的Object,而是后来定义的 {"no": 2},这样b对象的键值只有a和b,b是在原型(父类)中的,这样只是会正常的合并,而不会污染到上一层

示例如下

demo:

js 复制代码
function merge(target, source) {
    for (let key in source) {
        if (key in source && key in target) {
           merge(target[key], source[key])
        } else {
           target[key] = source[key]
        }
   }
}
let a = {}
let b = {"id": 1, "__proto__": {"no": 2}}
merge(a, b)
console.log(a.id,a.no)
console.log(a.__proto__)

结果

我们应该对payload进行JSON解析处理,这样**proto**就可以被当做键值,而不会被解析,示例如下

javascript 复制代码
let b = JSON.parse('{"id": 1, "__proto__": {"no": 2}}')

运行结果

可以看到成功污染到了Object对象

相关推荐
自由随风飘4 小时前
python 题目练习1~5
开发语言·python
Bony-4 小时前
Go语言完全学习指南 - 从基础到精通------语言基础篇
服务器·开发语言·golang
fl1768316 小时前
基于python的天气预报系统设计和可视化数据分析源码+报告
开发语言·python·数据分析
ACP广源盛139246256736 小时前
(ACP广源盛)GSV6172---MIPI/LVDS 信号转换为 Type-C/DisplayPort 1.4/HDMI 2.0 并集成嵌入式 MCU
c语言·开发语言·单片机·嵌入式硬件·音视频
不穿格子的程序员6 小时前
从零开始刷算法-栈-括号匹配
java·开发语言·
漂流瓶jz6 小时前
Webpack中各种devtool配置的含义与SourceMap生成逻辑
前端·javascript·webpack
这是个栗子6 小时前
【问题解决】用pnpm创建的 Vue3项目找不到 .eslintrc.js文件 及 后续的eslint配置的解决办法
javascript·vue.js·pnpm·eslint
雪域迷影6 小时前
C#中通过get请求获取api.open-meteo.com网站的天气数据
开发语言·http·c#·get
yue0086 小时前
C#类继承
java·开发语言·c#
Want5957 小时前
Python汤姆猫
开发语言·python