本文讲解如何通过字符串变量名安全、正确地访问 javascript 对象（如 window）的动态属性，避免点号（.）访问导致的错误，并提供实用示例与关键注意事项。
在 JavaScript 中，当你希望用一个字符串变量作为属性名去访问对象（例如 window.Ab），不能直接使用点号（.）语法，因为 window.meaningfulObjectName 会被解释为查找名为 "meaningfulObjectName" 的字面属性，而非读取变量 meaningfulObjectName 所存储的值（如 'Ab'）对应的属性。
✅ 正确做法是使用方括号表示法（bracket notation）：
const meaningfulObjectName = 'Ab'; console.log(window[meaningfulObjectName]); // ✅ 输出 12345
该语法会先求值 meaningfulObjectName（得到字符串 'Ab'），再将其作为键名去访问 window 对象，等价于 window['Ab'] 或 window.Ab。
⚠️ 注意事项：
立即学习“Java免费学习笔记（深入）”；
- 方括号内必须是计算后的字符串、数字或 Symbol；若传入 undefined 或 null，会转为字符串 "undefined" 或 "null"，可能导致意外行为；
- 访问不存在的属性将返回 undefined，建议配合可选链（?.）或空值合并（??）增强健壮性：
console.log(window[meaningfulObjectName]?.toString() ?? 'default');
- 在 Chrome 扩展中操作 window 属性时，需确保该属性已定义且未被内容脚本沙箱隔离（尤其在 manifest v3 下注意 world 上下文）；
- 避免滥用全局变量；更推荐将配置或状态封装在模块级对象中，例如：
const config = { Ab: 12345 }; const key = 'Ab'; console.log(config[key]); // 更安全、更易测试
总结：动态属性访问的核心是 obj[propertyName]，而非 obj.propertyName。掌握这一模式，不仅能解决 window 属性访问问题，也适用于任意对象、数组索引、Map 键名等场景，是编写灵活、可维护 JavaScript 代码的基础技能。
