JavaScript 分号使用总结
没有应该不应该,只有你自己喜欢不喜欢。JavaScript 语法长得 C-like 不代表它本质上和 C 是一类语言,所有直觉性的 “当然应该加分号” 都是保守的、未经深入思考的草率结论。后来新设计的语言里可选分号的多得去了,光是 “可以加分号但是大家都不加” 的语言就有:Go, Scala, Ruby, Python, Swift, Groovy...
至于说 “很难总结什么时候加不加”,其实真的很简单。真正会导致上下行解析出问题的 token 有 5 个:括号(),方括号[],正则开头的斜杠/,加号+,减号-。我还从没见过实际代码中用正则、加号、减号作为行首的情况,所以总结下来就是一句话:一行开头是括号或者方括号的时候加上分号就可以了,其他时候全部不需要。其实即使是这两种情况,在实际代码中也颇为少见。
另外,restricted production 这个东西(也就是导致 return 后面换行会自动插入分号的机制),不管你加不加分号你都是得搞懂了才能不被坑的,和加不加分号没有什么关系。
更多细节,可以看我曾经给过的一个 talk:Hacking Semicolons by Evan You
最后,上点代码好了,Vue.js 的代码全部不带分号:yyx990803/vue · GitHub
另外说到工具,我确实写了一个,全自动帮你批量添加或者删除分号:yyx990803/semi · GitHub 做成 Git pre-commit hook,选择你自己喜欢的风格就可以。
总结:
1. 自己书写代码的时候: 一条完整的语句加分号, 函数声明不加分号
// 1. 加分号的语句 var jason = "zeng"; var eason = function () { // 其他语句... }; (function($) { // 其他语句 ... })(jQuery); ++a; b++; // 2. 不加分号的声明 function myfunction() { // 其他语句 ... }
2. 结合别人代码的时候: 发现他人有不加分号的特点的时候, 自己在在语句前面加分号
;(function($) { // 其他语句 ... })(jQuery); ;++a;
3. return 不能单独占一行
var g1 = function () { return "test"; } var g2 = function () { return { a: 1, b: 2 } } var g3 = function () { return [ "one", "two" ]; }