7.2.括号表示法 - Javascript

在Javascript中，我们可以使用括号表示法访问对象的属性。这种方法通常被用来访问对象的动态属性，例如：

let obj = { name: "Tom", age: 25 };
let propName = "name";
console.log(obj[propName]); // 输出 "Tom"

在上面的例子中，我们使用了变量propName的值来访问对象obj中的属性。这意味着我们可以在运行时决定要访问哪个属性，使得代码更具灵活性。

除此之外，括号表示法还可以用来访问对象中属性名包含特殊字符的属性。例如：

let obj = { "first-name": "Tom", "last-name": "Smith" };
console.log(obj["first-name"]); // 输出 "Tom"
console.log(obj["last-name"]);  // 输出 "Smith"

在上面的例子中，我们使用了包含连字符的属性名。由于这个属性名并不符合Javascript中的标识符规则，所以我们不能使用点表示法来访问它。但是，括号表示法可以解决这个问题。

需要注意的是，在使用括号表示法访问对象属性时，括号内的属性名必须使用引号括起来。如果不使用引号，Javascript会将括号内的内容解释为一个变量名，然后试图访问这个变量，这很可能会导致错误。例如：

let obj = { name: "Tom", age: 25 };
let propName = "name";
console.log(obj[propName]);   // 输出 "Tom"
console.log(obj.propName);    // 输出 undefined
console.log(obj."name");      // 语法错误

总体来说，括号表示法是Javascript中访问对象属性的一种非常有用的方式，它可以帮助我们实现更灵活的代码。