学习JavaScript的过程中，三种括号几乎是绕不开的第一道坎。小括号()、中括号[]和大括号{}在代码里出现频率极高，但它们各自的职责边界常常让初学者一头雾水。有人把对象写成数组，有人在大括号前不小心加了分号导致报错，还有人搞不清中括号里什么时候该加引号。这篇文章就把三种括号的用法彻底讲透，帮你把基础打扎实。
一、小括号的三大核心作用
小括号在JavaScript里主要有三类用途。第一类是函数调用，函数名后面跟一对小括号才代表执行这个函数，括号里可以放参数。比如sayHello()表示调用函数，而只写sayHello只是引用函数本身，并不会执行。这是很多新手容易忽略的细节。
第二类是函数定义时包裹参数。function add(a, b) { return a + b; }这里的(a, b)就是参数列表，用小括号包起来。箭头函数同样如此，(x) => x * 2中的括号也是同样的作用。需要注意的是，当箭头函数只有一个参数时括号可以省略，但没有参数时必须保留空的括号。
第三类是控制运算优先级和表达式分组，比如(a + b) * c，先算括号里的加法再乘。另外立即执行函数也依赖小括号：(function() { ... })()，这种写法在老代码里非常常见。还有一种容易被忽略的用法是通过小括号把对象字面量包裹起来，例如eval("({name: 'tom'})")，这是为了告诉解析器大括号是对象而不是代码块。
二、中括号：数组与属性访问的双面手
中括号最常见的用途是定义数组。var arr = [1, 2, 3];这是数组字面量的标准写法，元素之间用逗号分隔，可以存放任意类型的数据，包括另一个数组或对象，形成嵌套结构。
第二个重要用途是访问对象属性或数组元素。数组用arr[0]取第一个元素，对象也可以用中括号访问属性，比如obj["name"]。这和点语法obj.name效果相同，但中括号更灵活：当属性名包含空格、特殊字符，或者属性名存在变量中时，只能用中括号。例如var key = "age"; obj[key]就无法写成obj.key，因为后者会去找名为key的属性而不是age。
另外要记住一点，中括号里的内容是一个表达式，会被求值后再当作属性名或索引使用。所以obj["name"]和obj[name]含义完全不同，前者找字符串name对应的属性，后者找变量name的值对应的属性。初学者在这里出错的比例相当高，写代码时一定要想清楚括号里放的到底是字符串还是变量。
三、大括号：对象、函数体与代码块
大括号在JavaScript中承担三种角色。第一种是对象字面量：var person = { name: "张三", age: 25 };键值对用冒号连接，多个键值对之间用逗号分隔。这是日常开发中构造对象最常用的方式。
第二种是函数体。函数声明、if语句、for循环、while循环后面的大括号都表示一个代码块，把多条语句组合成一个整体。需要注意的是，JavaScript的if和for后面的花括号在只有一条语句时可以省略，但强烈建议始终写上，否则后期维护时很容易因为加了一行代码而出错。
第三种是块级作用域。在ES6之后，配合let和const关键字，大括号可以形成独立的作用域，比如{ let x = 1; }外面的代码访问不到x。还有一个经典陷阱：当一行语句以中括号或小括号开头，而上一行末尾没有分号时，JavaScript的自动分号补全机制会导致解析错乱，报出莫名其妙的错误。解决办法很简单，要么每行都写分号，要么在以括号开头的行前面补一个分号。
四、常见疑问解答
1. 取对象属性到底用点还是中括号？
属性名是合法标识符且固定时用点语法更简洁，比如user.name。属性名动态变化、存在变量里、包含特殊字符或是数字开头时，必须用中括号。实际开发中循环处理动态key的场景基本都靠中括号。
2. 大括号单独出现在代码里是什么意思？
如果大括号出现在语句开头且前面有等号或冒号，它多半是对象字面量；如果出现在if、for、function之后，那就是代码块。判断的关键看它的位置和上下文，同一个{}在不同位置含义完全不同。
3. 为什么函数调用的小括号有时候不写？
不写小括号通常是把函数当作值传递，比如setTimeout(fn, 1000)传的是函数引用，而setTimeout(fn(), 1000)会立刻执行fn并把返回值传进去，这往往是bug的来源。区分好引用和调用，能避开一大类隐蔽错误。
五、三种括号用法速查表
| 符号 | 名称 | 主要用途 | 典型示例 |
|---|---|---|---|
| () | 小括号 | 函数调用、参数列表、优先级控制 | fn(1, 2)、(a+b)*c |
| [] | 中括号 | 数组定义、元素与属性访问 | [1,2,3]、obj["name"] |
| {} | 大括号 | 对象字面量、函数体、代码块 | {a:1}、function(){}、if(){} |
把这三种括号的分工理清楚之后，再去看别人的代码会顺畅很多。建议初学者自己动手敲几遍文中的例子，特别是中括号里字符串和变量的区别、大括号前分号的问题，这两个坑几乎每个人都踩过。基础语法扎实了，后面学函数、对象和异步都会轻松不少。