讲师中心 微信公众号
AI工具推荐 视频效率加速

防御JavaScript原型污染:确保代码稳定运行

雨伟小哥_9382

雨伟小哥_9382

发布时间:2025-11-21 20:58:02

|

267人浏览过

|

来源于php中文网

原创

防御JavaScript原型污染:确保代码稳定运行

本文深入探讨javascript中原生对象原型被意外或恶意修改的问题,以及这种修改可能导致的不可预测行为。我们将详细介绍如何通过在脚本加载初期使用`object.freeze()`方法来冻结原生原型,有效阻止后续的修改,从而保障代码的稳定性和预期行为。此外,文章还将简要提及通过脚本隔离技术实现更高级的防护。

在JavaScript开发中,我们有时会遇到由第三方脚本或遗留代码对原生对象原型(如Array.prototype、String.prototype等)进行修改的情况。这种原型污染(Prototype Pollution)可能导致我们自己的代码行为异常,产生难以调试的错误,甚至引入安全漏洞。例如,当Boolean.prototype.toString被覆盖时,一个简单的布尔值调用toString()方法可能返回非预期的结果:

// 恶意或不当的脚本修改了Boolean的原型
Boolean.prototype.toString = function() {
  return true; // 预期返回'false',但现在会返回true
};

let flag = false;
console.log(flag.toString()); // 预期输出 'false',实际输出 'true'

为了避免此类问题,确保我们的代码在一个稳定且可预测的环境中运行,可以采用以下策略。

1. 使用 Object.freeze() 冻结原生原型

最直接且有效的方法之一是在应用程序加载的早期阶段,利用Object.freeze()方法冻结所有关键的原生对象原型。Object.freeze()会阻止对目标对象的属性进行添加、删除或修改,从而有效防止原型链上的方法被覆盖或篡改。

实现方式: 在应用程序的入口点或任何其他脚本开始执行之前,运行以下代码片段:

// 冻结常见原生对象的原型
Object.freeze(String.prototype);
Object.freeze(Number.prototype);
Object.freeze(Boolean.prototype);
Object.freeze(Object.prototype);
Object.freeze(Array.prototype);
Object.freeze(Date.prototype);
Object.freeze(Math.prototype); // Math对象本身不是原型,但其属性可以被冻结
Object.freeze(Function.prototype);

// 尝试修改已冻结的原型,将抛出错误(在严格模式下)或静默失败
try {
  Boolean.prototype.toString = function() {
    return true; // 此操作将失败
  };
} catch (e) {
  console.error("尝试修改已冻结的原型:", e.message);
}

let flag = false;
console.log(flag.toString()); // 此时会调用原始的 toString 方法,输出 'false'

注意事项:

立即学习“Java免费学习笔记(深入)”;

JS X Monitor
JS X Monitor

X.com (Twitter) 账号监控自动化:定时抓取指定账号最新推文,发现新内容即时推送通知。

下载
  • 执行顺序至关重要: 这种方法只有在你的脚本(包含Object.freeze()调用的脚本)在任何可能修改原型的第三方脚本之前执行时才有效。务必确保此防御代码是页面加载或应用初始化时最早运行的代码之一。
  • 局限性: Object.freeze()主要针对对象原型链上的属性。它无法直接冻结全局函数(如parseInt、setTimeout等),因为它们不是通过原型链继承而来,而是作为全局对象(window或global)的直接属性存在。要保护这些全局函数,可能需要更复杂的沙箱机制。
    // 全局函数无法通过冻结原型来保护
    window.parseInt = function(number) {
      return 'evil'; // 这种修改仍然可能发生
    };
    console.log(parseInt(1)); // 输出 'evil'

2. 脚本隔离与沙箱环境

对于需要更高安全性和隔离性的场景,仅仅冻结原型可能不足以应对所有类型的污染。更强大的方法是将不可信或可能存在风险的脚本运行在隔离的沙箱环境中。

  • Web Workers: Web Workers在独立的全局上下文中运行,拥有自己的全局对象,与主线程隔离。这意味着在Worker中对原生原型的修改不会影响到主线程,反之亦然。
  • IFrames: 带有sandbox属性的
  • Node.js vm 模块: 在Node.js环境中,vm模块允许你在一个独立的上下文(沙箱)中运行JavaScript代码,该上下文拥有自己的全局对象,与主进程隔离。

这些隔离技术提供了更全面的防护,但实现起来也相对复杂,通常适用于需要运行用户提交代码或来自不可信源的代码的场景。

最佳实践与总结

为了确保JavaScript应用程序的健壮性和稳定性,我们应该遵循以下最佳实践:

  1. 避免修改原生原型: 作为开发者,应严格避免在自己的代码中修改任何原生对象的原型。这是一种被广泛认为的不良实践,因为它可能与其他库或框架产生冲突。
  2. 谨慎引入第三方脚本: 在集成第三方库或插件时,务必审查其代码,特别是关注它们是否对原生原型进行了修改。如果无法避免,请评估风险并考虑是否需要采取防御措施。
  3. 优先加载防御代码: 如果选择使用Object.freeze()来保护原型,请确保包含此逻辑的脚本在所有其他可能导致原型污染的脚本之前加载并执行。
  4. 考虑沙箱环境: 对于高风险或需要严格隔离的场景,探索使用Web Workers、IFrames或Node.js vm模块等沙箱技术。

通过采取这些策略,开发者可以有效抵御JavaScript原型污染带来的风险,确保应用程序的行为符合预期,从而提升代码的可靠性和可维护性。

热门AI工具

更多
音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

相关专题

更多
string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

6779

2023.08.02

java中boolean的用法
java中boolean的用法

在Java中,boolean是一种基本数据类型,它只有两个可能的值:true和false。boolean类型经常用于条件测试,比如进行比较或者检查某个条件是否满足。想了解更多java中boolean的相关内容,可以阅读本专题下面的文章。

2150

2023.11.13

java boolean类型
java boolean类型

本专题整合了java中boolean类型相关教程,阅读专题下面的文章了解更多详细内容。

163

2025.11.30

线程和进程的区别
线程和进程的区别

线程和进程的区别:线程是进程的一部分,用于实现并发和并行操作,而线程共享进程的资源,通信更方便快捷,切换开销较小。本专题为大家提供线程和进程区别相关的各种文章、以及下载和课程。

4438

2023.08.10

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

4576

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1375

2023.07.28

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1798

2023.08.03

js是什么意思
js是什么意思

JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

10123

2023.08.17

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

20

2026.10.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.3万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn