JavaScript中如何获取变量名而非变量值？含切换场景需求

嘿，你遇到的问题本质是JavaScript的变量赋值机制导致的：当你把a1赋值给right_text时，right_text存的只是a1的字符串值，根本不会保留“我指向的是a1这个变量”的信息——变量名只是代码里的标识符，运行时并不会和值绑定在一起，所以自然拿不到变量名。

不过不用纠结这个，我们可以换个更优雅的方式实现你的需求：用对象来统一管理所有需要切换的文本，把原本的变量名作为对象的键（key），这样就能轻松通过键名来切换指向，还能避免混乱。

具体实现步骤 #

1. 用对象存储所有文本变量 #

把你原本的a1、a2、a3都放进一个对象里，键名就是你想要的“变量名”：

// 统一管理所有需要切换的文本
const textPool = {
  a1: "text in a1",
  a2: "text in a2",
  a3: "text in a3"
};

// 记录当前选中的键名（初始是a1）
let currentKey = "a1";
// right_text直接通过键名从对象取值
let right_text = textPool[currentKey];

2. 点击按钮切换的逻辑 #

点击按钮时，我们只需要修改currentKey，再重新从对象里取值即可：

// 假设你的按钮选择器是.btn-switch
document.querySelector('.btn-switch').addEventListener('click', () => {
  // 从当前键名里提取数字部分（比如从"a1"拿到1）
  const num = parseInt(currentKey.replace('a', ''));
  // 计算下一个数字，这里假设到a3后回到a1，你可以按需调整
  const nextNum = num >= 3 ? 1 : num + 1;
  // 生成新的键名
  currentKey = `a${nextNum}`;
  // 更新right_text的指向
  right_text = textPool[currentKey];

  // 接下来执行你原本的switch逻辑，现在直接用currentKey判断就行
  switch(currentKey) {
    case "a1":
      console.log("当前切换到a1的逻辑");
      // 你的a1相关操作
      break;
    case "a2":
      console.log("当前切换到a2的逻辑");
      // 你的a2相关操作
      break;
    case "a3":
      console.log("当前切换到a3的逻辑");
      // 你的a3相关操作
      break;
  }
});

为什么这个方案更好？ #

• 不用再纠结“获取变量名”的问题，逻辑更清晰；
• 后续要加更多变量（比如a4、a5），只需要在textPool里新增键值对，再调整nextNum的判断逻辑就行，扩展性极强；
• 相比动态生成变量名（比如用window['a' + num]这种方式），用对象管理更安全，不会污染全局作用域。

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