如何用Window替代Eval实现JavaScript动态变量功能？

首先得明确核心差异：eval()是直接将字符串作为JavaScript代码执行，而window[变量名字符串]只是在全局对象中查找对应名称的变量/属性，它不会解析字符串里的表达式逻辑。

场景1：newCombinedVariable2是变量名的字符串 #

如果newCombinedVariable2存储的是一个全局变量的名称（比如字符串"mySelector"，且你已经定义了var mySelector = "#target"），那直接用window[newCombinedVariable2]是有效的，前提是这个变量确实是全局的（var声明的全局变量会挂载到window上，let/const声明的全局变量不会）。

示例：

var mySelector = "#target-element";
var newCombinedVariable2 = "mySelector";

// 此写法可行
window[newCombinedVariable] = document.querySelector(window[newCombinedVariable2]);

场景2：newCombinedVariable2是动态表达式字符串 #

如果newCombinedVariable2是一个包含表达式的字符串（比如"#" + numberId，其中numberId是另一个变量），那window[]无法处理——因为它只会去查找名为"#" + numberId的全局变量，而不是执行这个拼接表达式。这时候eval()能生效是因为它直接运行了字符串里的代码。

这种情况的替代方案是手动拆解表达式，通过对象访问变量并拼接结果：

1. 把需要用到的变量集中放到一个自定义对象里（比依赖全局window更安全，避免全局污染）
2. 手动解析表达式逻辑，拼接出需要的结果

示例：

// 用自定义对象管理变量，替代全局window
const dynamicVars = {
  numberId: "100-target",
  prefix: "#"
};

// 假设newCombinedVariable2原本是字符串`"prefix + numberId"`
const selector = `${dynamicVars.prefix}${dynamicVars.numberId}`;

// 直接使用拼接好的选择器
window[newCombinedVariable] = document.querySelector(selector);

关键提醒 #

• 尽量避免使用全局变量，用自定义对象管理动态变量更可控，也符合模块化思路
• 永远不要用eval()处理不可信的字符串，会导致安全风险；通过对象访问变量的方式可完全规避这个问题

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