如何在安全的局部作用域中执行带动态变量的 eval 代码

浅辰酱_2506

浅辰酱_2506

2026-01-11

830人浏览

原创

如何在安全的局部作用域中执行带动态变量的 eval 代码

本文介绍一种安全、可控的方式,利用 `function` 构造函数动态创建具有指定变量作用域的执行环境,避免字符串拼接注入和污染全局作用域,实现类似 `eval(script).call(context)` 的效果。

在 JavaScript 中,eval() 默认在当前作用域(通常是全局或函数局部)执行代码,但它无法直接接收一个对象作为作用域上下文——eval().call(context) 是无效的,因为 eval 是固有函数,其作用域由调用位置决定,而非 .call() 指定。

然而,我们可以通过 Function 构造函数巧妙绕过这一限制。Function 创建的函数拥有自己的词法作用域,且其参数名会成为函数体内的绑定变量名。结合 eval 在该函数体内执行,即可让 script 字符串自然访问这些参数变量。

java-api-doc-generator
java-api-doc-generator

分析 Java Spring Boot 后端 Controller 代码,自动生成 Markdown 格式的接口文档。当用户说“生成 Java 接口文档”、“生成 API 文档”、“从 Spring 代码生成文档”时触发。

下载

✅ 核心思路:用 Function 构建受控作用域

function evalWithContext(script, context) {
  // 提取变量名(作为参数)和变量值(作为实参)
  const keys = Object.keys(context);
  const values = Object.values(context);

  // 构造函数:参数为所有变量名 + 'script',函数体中先屏蔽 script 参数干扰,再 eval
  const evaluator = Function(
    ...keys,
    'script',
    'return eval("script = undefined;" + script);'
  );

  // 调用时传入对应值 + script 字符串
  return evaluator(...values, script);
}

// 使用示例
const userVars = [
  { name: 'x', value: 10 },
  { name: 'y', value: 20 },
  { name: 'z', value: 5 }
];
const context = Object.fromEntries(userVars.map(({ name, value }) => [name, value]));

console.log(evalWithContext('x + y * z', context)); // → 110
console.log(evalWithContext('x > y', context));      // → false

⚠️ 关键注意事项

  • script = undefined; 是必需的:防止用户传入的 script 字符串意外覆盖同名参数(如 script = "x = 42"),导致后续 eval 行为异常。
  • 仍需谨慎对待输入源:虽然避免了变量名/值的字符串拼接注入,但 script 内容本身仍可执行任意 JS —— 此方案不替代沙箱,仅解决“作用域隔离”问题。若脚本来自不可信用户,应配合 VM2、isolated-vm 或 Web Worker 等真正隔离环境。
  • 性能提示:Function 构造函数每次调用都会生成新函数,频繁使用建议缓存 evaluator(当 context 结构固定时)。
  • 不支持 let/const 声明或块级作用域特性:eval 在 Function 内部执行时,其行为遵循严格模式下的 eval 规则(即不修改外层作用域),但无法引入新的块级绑定;所有变量均表现为函数参数形式(等效于 var 绑定)。

✅ 对比其他常见方案(为何更优)

方案 安全性 作用域隔离 可维护性 备注
eval('var ' + name + '=' + JSON.stringify(val)) ❌ 高风险(XSS/语法错误) ❌ 全局污染 ❌ 易出错 JSON.stringify 仅保值,不保类型(如函数、正则丢失)
直接赋值到 window 后全局 eval ❌ 污染全局、竞态风险 ❌ 无隔离 ❌ 不适用于多实例 delete window.x 不可靠,且非严格模式下失败
with(context) { eval(script) } ❌ 已废弃、禁用严格模式 ⚠️ 表面隔离,实际影响作用域链 ❌ 不推荐、ES5+ 不兼容 V8 等引擎已禁用 with 优化,性能差且语义模糊

✅ 总结

Function 构造函数 + 参数绑定 + eval 封装,是目前在标准 JavaScript 环境中实现「动态变量作用域内安全求值」最简洁、可靠、无需额外依赖的方案。它将变量名显式声明为函数参数,天然获得词法作用域保护,同时规避了字符串拼接与全局污染两大陷阱。只要确保 script 输入可信(或进一步沙箱化),即可放心用于配置表达式、简易公式引擎、低风险 DSL 执行等场景。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

javascript java js json 作用域

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2023.08.07

2195

5

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.23

3482

1

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

2023.10.13

1176

3

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

2025.09.10

4019

7

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

2023.09.20

2298

7

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

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

2023.08.03

1818

5

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.04

2884

5

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

2023.10.24

6204

49

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

2023.11.24

6009

6

热门下载

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

精品课程

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

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.7万人学习