javascript不能直接创建动态变量名，推荐使用对象属性（如data[key]=value）或map（支持任意键类型）；应避免eval和window全局污染；proxy可提供更自然的语法体验但非必需。
JavaScript 中不能直接创建“动态变量名”，比如把字符串 "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 比普通对象更灵活，且支持任意类型作键。
- 创建：
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
适合封装配置、状态管理等场景，但日常开发中对象属性已足够简洁可靠。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
