求助：使用点运算符拼接动态参数，无法通过参数调用动态值

嗨，我猜你是卡在了用动态参数访问levelProgress对象的属性上对吧？点运算符确实没法直接搞定这种场景——因为它要求后面跟的是固定的属性名称字面量，而不是变量或者拼接出来的动态值。这时候方括号语法才是你的救星！

举个实际的例子，假设你的levelProgress对象是这样的：

const levelProgress = {
  beginner: 60,
  intermediate: 90,
  advanced: 100
};

如果你的动态参数是一个变量，比如const currentStage = 'intermediate';，这时候用levelProgress.currentStage肯定不行——它会去查找名为currentStage的属性，而不是变量里存储的intermediate。正确的写法是用方括号包裹动态参数：

const currentProgress = levelProgress[currentStage];
console.log(currentProgress); // 输出90

要是你需要拼接参数，比如根据用户输入的数字生成属性名，比如const levelNum = 2; const keyPrefix = 'level';，那拼接后用方括号就能直接访问：

const dynamicKey = `${keyPrefix}${levelNum}`;
const level2Progress = levelProgress[dynamicKey];
// 相当于访问levelProgress.level2

为什么点运算符不行？简单说就是语法规则限制：点运算符后的属性名必须是一个固定的标识符（不能是表达式或变量），而方括号语法支持任何能计算出字符串（或Symbol）的表达式，完美适配动态属性的场景。

最后给个小建议：如果你的动态参数是外部传入的（比如用户输入），最好先检查属性是否存在，避免出现undefined或者报错：

const dynamicKey = 'expert';
if (dynamicKey in levelProgress) {
  const value = levelProgress[dynamicKey];
  // 正常处理逻辑
} else {
  console.log(`抱歉，${dynamicKey}对应的进度不存在`);
}

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