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"
     ];
}        

posted on 2018-06-13 04:43  刘应杰  阅读(1811)  评论(0编辑  收藏  举报

导航