JavaScript中语句后用逗号替代分号的作用及使用规范咨询

逗号运算符的具体功能 #

逗号运算符的核心规则是：按从左到右的顺序依次执行每一个表达式，最终整体返回最后一个表达式的执行结果。
你给出的两段代码执行效果是完全一致的：

• 你平时用分号的写法，是把每一行赋值、方法调用都作为独立语句执行，分号用来标记单条语句的结束
• 用逗号的写法，是把所有赋值、调用逻辑合并成了一个表达式语句，靠逗号运算符保证所有逻辑按顺序执行

这种写法和可读性优化完全无关，甚至会降低可读性。大部分场景下这类写法是代码压缩工具自动生成的——用逗号替换分号+换行可以减少整体字符数，缩小打包后的代码体积。少数手动这么写的开发者只是个人风格偏好，这种写法没有任何性能上的优势。

不要手动用逗号运算符代替分号拆分独立语句，优先用分号（或者遵循团队统一的无分号代码规范），原因如下：

• 可读性低：逗号分隔的独立逻辑容易和对象字面量、数组字面量、函数参数里的逗号混淆，排查语法问题的成本很高
• 易出隐性bug：一旦漏写逗号、或者误把逗号写成分号，整个表达式的执行逻辑就会出错，甚至直接抛出语法错误， debug成本远高于常规分号写法
• 不符合主流规范：无论是Airbnb、Google的公开JS规范，还是国内绝大多数互联网公司的内部规范，都不推荐用逗号运算符合并多个独立的赋值、方法调用语句，这类写法属于非常冷门的小众风格

注意：不要把逗号运算符和变量声明、对象/数组字面量里的逗号分隔符搞混，后者是JS语法规定的分隔写法，属于正常用法。

内容的提问来源于stack exchange，提问作者Jonas Anton