Ja vaScript不能直接创建动态变量名，推荐使用对象属性（如data[key]=value）或Map（支持任意键类型）；应避免eval和window全局污染；Proxy可提供更自然的语法体验但非必需。

在 Ja vaScript 里，没法直接按字符串去创建“动态变量名”。比如，不能把 "userAge" 这段字符串直接当成变量名来声明。

如果想实现类似的动态命名效果，还是有几种变通办法可选。常见方式包括对象属性、eval()（不推荐）、with（已废弃）以及 Proxy。

实际开发里，最稳妥、最常见，也最符合现代编码习惯的做法，还是对象属性。

用对象属性模拟动态变量名

这是推荐做法：把动态名称作为对象的键（key），值存为对应数据。

• 定义空对象或已有对象，例如 const data = {};
• 用方括号语法赋值：data[variableName] = value;，其中 variableName 是字符串
• 读取时同样用 data[variableName]

示例：

const key = "userName";
data[key] = "Alice";// 相当于 data.userName = "Alice"
console.log(data.userName); // "Alice"
console.log(data[key]); // "Alice"

用 Map 存储动态键值对

当键名可能不是合法标识符时，Map 比普通对象更灵活。

例如，键名中包含空格、数字开头或特殊字符时，Map 会更合适。并且，它还支持任意类型作键。

• 创建：const dynamicMap = new Map();
• 设值：dynamicMap.set(key, value);
• 取值：dynamicMap.get(key);

示例：

const key = "user 123";
const dynamicMap = new Map();
dynamicMap.set(key, { id: 101 });
console.log(dynamicMap.get("user 123")); // { id: 101 }

避免使用 eval 和 window（全局污染）

eval("let " + name + " = " + value) 或 window[name] = value 虽能实现，但存在严重风险。

• eval 执行任意代码，易引发 XSS 和性能问题，严格模式下禁用
• window[name] 只在浏览器全局作用域有效，Node.js 不适用，且污染全局命名空间
• 无法在块级作用域（let/const）中动态声明，违背作用域设计初衷

因此，不建议在实际项目中使用这两种方式。

进阶：用 Proxy 实现更自然的动态访问

如果需要接近“变量名”的语法体验，比如 store.userName，可用 Proxy 封装对象，拦截读写操作。

const store = new Proxy({}, {
set(target, prop, value) {
target[prop] = value;
return true;
},
get(target, prop) {
return target[prop];
}
});

store["userCount"] = 42;
console.log(store.userCount); // 42

这种方式适合封装配置、状态管理等场景。

不过在日常开发中，对象属性通常已经足够简洁可靠。

《夸克》非常好用的免费AI浏览器

下载APP查看