freeCodeCamp对象查找：点表示法与方括号表示法区别

两种属性访问写法的核心差异 #

• 点表示法：点号后跟随的是固定字面量属性名，JavaScript引擎会直接将点后的字符序列作为属性键名查找，不会对其做任何变量求值操作。
• 方括号表示法：方括号内接收的是可求值的表达式，引擎会先对方括号内的内容做运算，将运算结果转为字符串类型后，再用这个最终字符串作为键名查找对应属性。

该场景下点写法失效的原因 #

freeCodeCamp的对象查找题中，val是接收动态入参的变量，它存储的是需要查找的目标属性名，值会随着传入参数变化：可能是"alpha"、"bravo"或其他预设的属性键。
当你写lookup.val时，引擎不会去读取val变量存储的内容，只会固定查找lookup对象下键名为字符串"val"的属性——而题目构造的lookup对象本身不存在名为"val"的键，因此永远返回undefined，无法通过测试。

当你写lookup[val]时，引擎会先读取val变量存储的实际值：如果val存的是"alpha"，这行代码就等价于lookup["alpha"]；如果val存的是"bravo"，就等价于lookup["bravo"]，正好匹配动态查表的需求。

验证示例 #

const lookup = {
  alpha: "对应alpha的返回值",
  bravo: "对应bravo的返回值",
  charlie: "对应charlie的返回值"
};

// 模拟题目中的动态入参
const val = "alpha";

console.log(lookup.val);  // 输出undefined，固定查找键"val"
console.log(lookup[val]); // 输出"对应alpha的返回值"，先解析val变量的值再查找

记忆规则的核心逻辑：写代码时就完全确定、固定不变的属性名，可以用点表示法简化写法；只要属性名是存在变量中、需要计算生成、或者来自外部动态输入，就必须用方括号表示法。

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