JavaScript中为值字符串对应的变量赋值：寻求非eval的替代方案

完全理解你的顾虑——eval确实是个需要谨慎使用的工具，安全风险高还容易搞乱作用域逻辑。下面根据变量的作用域不同，给你两个更优的替代方案：

1. 全局变量场景 #

如果你的目标变量是全局变量（比如浏览器环境下的window对象，或者全环境通用的globalThis对象），可以直接通过全局对象的属性访问来赋值：

var q = "e";
globalThis[q] = 'hio'; // 通用写法，浏览器/Node.js都支持
// 浏览器环境下也可以简写为 window[q] = 'hio';
console.log(e); // 输出 'hio'

全局变量本质上就是全局对象的属性，用方括号语法通过字符串访问属性就能实现赋值，完全不需要依赖eval。

2. 局部变量/模块内变量场景 #

如果变量是函数内的局部变量，或者模块内的私有变量，JS的词法作用域不允许直接通过字符串动态访问。这时候更合理的做法是用对象封装变量，把独立变量转化为对象的属性：

function demo() {
  // 把需要动态访问的变量都放到一个对象里
  const vars = {
    e: ''
  };
  const q = "e";
  vars[q] = 'hio';
  console.log(vars.e); // 输出 'hio'
}
demo();

这种方式不仅避开了eval，还让变量管理更清晰，符合现代JS的编程最佳实践，也不会随意污染作用域。

为什么不推荐用eval？ #

简单总结几个核心原因：

• 安全风险：如果q的值是用户可控的，eval会执行任意传入的代码，容易引发XSS或其他恶意攻击；
• 性能损耗：eval会触发JS引擎的重新解析，执行效率远低于普通的属性访问；
• 作用域混乱：eval会在当前作用域执行代码，很容易产生意料之外的变量污染或作用域冲突问题。

内容的提问来源于stack exchange，提问作者rockstarr