在 JavaScript 中，我们可以使用方括号（[]）来访问对象属性。但是，您可能不知道，方括号也可以用来访问 JavaScript 变量。这种语法会使您的代码更加灵活和可读性更强。
基本用法
使用方括号访问 JavaScript 变量的方法很简单。只需将变量名放在方括号内即可：
----- ---------- - ------ -------------------------------- -- ------- ---------
在这里，我们使用方括号访问了 window 对象上的 myVariable 属性。由于 myVariable 没有被定义为 window 的属性，因此输出是 undefined。
我们还可以将方括号与其他操作符结合使用，例如加号或减号：
----- ------ - ------ ----- ------ - ------ ----- ---------- - ------ - ------- -------------------------------- -- ------- ---------
这里在创建 myVariable 时使用了字符串连接运算符，从而将其设置为 "foobar"。然后，我们使用方括号访问 window.foo bar 属性。由于该属性不存在，输出仍然是 undefined。
动态属性访问
使用方括号访问变量的前面的示例是静态的，因为要访问的属性名称是硬编码在代码中的。但是，方括号的真正威力在于您可以在运行时动态设置属性名。例如：
----- ----- - - ---- ----- -- ----- ------------ - ------ --------------------------------- -- ------- -----
在这里，我们将对象（myObj）中的属性名称硬编码为字符串“foo”。但是，在实际情况下，您可能希望在运行时动态设置属性名称。使用方括号语法，您可以轻松做到这一点。
访问数组元素
与对象属性一样，方括号也可以用于访问数组元素。例如：
----- ------- - ------- ------ ------- ----- ----- - -- ---------------------------- -- ------- -----
在这里，我们使用方括号访问了 myArray 数组中的第二个元素。请注意，数组的索引始于零。
指导意义
使用方括号访问变量可以使代码更加灵活和可读性更强。它允许您在运行时动态设置属性名称，并且还可以用于访问数组元素。这种语法特别适合处理动态数据，例如从用户输入中获取属性名称或数组索引。
然而，需要注意的是过度使用方括号语法会使您的代码难以阅读。在某些情况下，直接使用点号语法可能更加清晰。例如，如果您有一个已知的属性名称，那么使用点号语法可以使代码更加易于理解。
最后，请注意，使用方括号访问变量可能会导致安全漏洞。攻击者可能会利用此语法来访问您不希望他们访问的属性或数据。因此，在编写使用方括号访问变量的代码时，请务必小心防范。
结论
方括号语法使 JavaScript 变量访问更加灵活和可读性更强。它允许您在运行时动态设置属性名称，并且还可以用于访问数组元素。但是，在使用它时需要小心，以避免安全漏洞并保持代码的清晰度。
以上就是本文介绍的关于JavaScript变量外围使用方括号的全部内容。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/28824