在 JavaScript 中，花括号（{}）不仅用于对象字面量和块级作用域，它们还可以用于计算属性名称和解构赋值。而紧随其后的 } ... 语句，则是一个由花括号和语句组成的代码块。
计算属性名称
计算属性名称允许使用变量或表达式作为对象字面量中的属性名。这可以方便地创建动态的属性。
const dynamicKey = 'foo';
const obj = {
[dynamicKey]: 'bar'
};
console.log(obj.foo); // 输出 "bar"以上代码中，[dynamicKey] 表示 dynamicKey 的值将被计算并用作属性名称。
解构赋值
解构赋值是一种语法，允许从对象或数组中提取值并将它们分配给变量。当解构对象时，可以使用花括号来匹配对象中的属性，并将其分配给变量。
const obj = { foo: 'bar', baz: 'qux' };
const { foo, baz } = obj;
console.log(foo); // 输出 "bar"
console.log(baz); // 输出 "qux"以上代码中，{ foo, baz } 表示匹配 obj 中的 foo 和 baz 属性，并将它们分配给同名变量。
代码块
花括号还用于创建代码块。一个代码块是一组语句，可以作为单个语句执行。这在条件语句、循环和函数中很常见。
if (true) {
console.log('Hello, world!');
}以上代码中，花括号中的语句将仅在 if 语句条件为真时执行。
小结
本文介绍了 JavaScript 中花括号的三种用法：计算属性名称、解构赋值和代码块。这些功能使得 JavaScript 编程更加灵活，并且可以更好地与其他编程语言进行交互。掌握这些基础用法是成为前端开发人员的必备技能之一。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11352
