在《著作权归作者所有，禁止商业用途转载。我的javascript代码风格【原创不易，请尊重版权】》中，我给的第一条风格就是“以换行结束一本文版权归作者所有，未经授权不得转载。【转载请注明来源】句语句，而非分号”。其实这个表达是错误的未经授权，禁止复制转载。原创内容，盗版必究。，它真实的表达应该是“不使用分号作为句尾【版权所有】唐霜 www.tangshuang.net【未经授权禁止转载】”，也就是说它隐含了两层意思：1.句尾无本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。分号；2.要正确处理语句结束的问题。在经【版权所有，侵权必究】未经授权，禁止复制转载。过几个月的实践之后，今天就来谈谈彻底放弃【访问 www.tangshuang.net 获取更多精彩内容】【关注微信公众号：wwwtangshuangnet】使用分号作为句尾的感受。

【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。

这里需要强调一下，“句尾”是指语句结束，【作者：唐霜】【作者：唐霜】而不是说这一行代码结束，不是说任何地方都原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。可以省略分号，有两个地方的分号是不能省的【关注微信公众号：wwwtangshuangnet】著作权归作者所有，禁止商业用途转载。，一个是for循环语句括号中的分号，另一【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。个是空语句。下文所有“不使用分号”都是指转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】“不使用分号作为句尾【本文首发于唐霜的博客】”。著作权归作者所有，禁止商业用途转载。

未经授权，禁止复制转载。【未经授权禁止转载】未经授权，禁止复制转载。【版权所有，侵权必究】【本文受版权保护】

为什么不再使用分号作为句尾【版权所有】唐霜 www.tangshuang.net

【原创不易，请尊重版权】【转载请注明来源】【版权所有，侵权必究】【关注微信公众号：wwwtangshuangnet】原创内容，盗版必究。

越来越多的代码不再使用分号是有原因的，我本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。个人认为主要有以下几点原因：

转载请注明出处：www.tangshuang.net【作者：唐霜】【原创不易，请尊重版权】【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。

审美的需要转载请注明出处：www.tangshuang.net

原创内容，盗版必究。【版权所有】唐霜 www.tangshuang.net【本文受版权保护】本文版权归作者所有，未经授权不得转载。【转载请注明来源】

从代码本身而言，所有句尾分号其实都没有实【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。际意义，它不代表任何执行逻辑（空语句除外本文作者：唐霜，转载请注明出处。【本文受版权保护】），对于我个人而言，可以把这些分号全部当【版权所有，侵权必究】【关注微信公众号：wwwtangshuangnet】做空语句来看，再每一个语句结束执行一条空【本文受版权保护】转载请注明出处：www.tangshuang.net语句，它反而是一种另类的写作风格。使用空【关注微信公众号：wwwtangshuangnet】【本文首发于唐霜的博客】语句的极端案例，是用代码作画，但凡需要填本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net充的位置就使用分号，因为分号是空语句，代【未经授权禁止转载】著作权归作者所有，禁止商业用途转载。码不会报错，怪才们利用这个特性把代码活生【关注微信公众号：wwwtangshuangnet】原创内容，盗版必究。生画成了画。

【本文受版权保护】原创内容，盗版必究。【本文受版权保护】【原创不易，请尊重版权】原创内容，盗版必究。

但是，对于普通项目而言，不可能允许代码作本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net画。极简主义时代，省略分号让代码更加美观【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。。当然，为了迎合这种什么，当代的代码写作【原创不易，请尊重版权】本文版权归作者所有，未经授权不得转载。除了放弃分号外，还有另外一些改变，比如喜本文版权归作者所有，未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】欢将声明分开，而不是使用逗号放在一起。这著作权归作者所有，禁止商业用途转载。【关注微信公众号：wwwtangshuangnet】谈不上好坏，仅仅是个人偏好而已，如果在乎【原创不易，请尊重版权】【未经授权禁止转载】审美，那么这点姑且可以当做是省去分号的优【关注微信公众号：wwwtangshuangnet】【未经授权禁止转载】点。

本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。

有利于后期代码添加著作权归作者所有，禁止商业用途转载。

【访问 www.tangshuang.net 获取更多精彩内容】【原创内容，转载请注明出处】【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处：www.tangshuang.net本文版权归作者所有，未经授权不得转载。

有分号的情况下，后期如果有跟随代码，就必【转载请注明来源】转载请注明出处：www.tangshuang.net须先去掉这个分号，然后在写跟随代码，而如【转载请注明来源】【版权所有，侵权必究】果不添加分号，则新代码可以直接加上去。而【原创内容，转载请注明出处】【版权所有，侵权必究】且现在更喜欢每一个操作独自一行，一般这种【版权所有】唐霜 www.tangshuang.net【原创不易，请尊重版权】添加，都会在换行之后再操作。在git的管本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】理工具中，这一行新添加的代码不会带来文件原创内容，盗版必究。【版权所有，侵权必究】修改的效果，从某种意义上讲，这也是审美心【原创不易，请尊重版权】【本文首发于唐霜的博客】理的结果。包括每个操作单独成行，其实也是【转载请注明来源】【作者：唐霜】审美心理的结果。

【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。【关注微信公众号：wwwtangshuangnet】未经授权，禁止复制转载。

gulp.src('**/*.js')
  .pipe(minify())
  .pipe(gulp.dest('./dist'))

例如上面这段代码，要在dest之后再添加【版权所有，侵权必究】【访问 www.tangshuang.net 获取更多精彩内容】on相关代码，只需要换行后添加即可。为了【版权所有】唐霜 www.tangshuang.net【原创不易，请尊重版权】实现有利于后期代码添加，除了省略分号，大【版权所有，侵权必究】【版权所有，侵权必究】家还乐于使用换行和逗号，即对象、数组、参本文作者：唐霜，转载请注明出处。【访问 www.tangshuang.net 获取更多精彩内容】数等都一行写一个元素，而且最后一个元素添原创内容，盗版必究。【版权所有】唐霜 www.tangshuang.net加逗号，这样下次追加元素的时候不必再手动【作者：唐霜】【本文受版权保护】添加这个逗号。

【关注微信公众号：wwwtangshuangnet】【访问 www.tangshuang.net 获取更多精彩内容】【作者：唐霜】【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。

自动插入分号机制(ASI)【未经授权禁止转载】

原创内容，盗版必究。【未经授权禁止转载】著作权归作者所有，禁止商业用途转载。

JS引擎能够自动处理未以分号结尾的语句，【作者：唐霜】本文作者：唐霜，转载请注明出处。它根据ASI的规则来确定语句的结束，而不【版权所有，侵权必究】【版权所有，侵权必究】是代码中的分号。因为ASI的存在，导致J著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。S是一门在引擎解释时必须以分号作为语句结未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。尾标志的语言。也就是说，引擎是无法自己识【本文首发于唐霜的博客】【本文首发于唐霜的博客】别语句是否结束，而必须依靠ASI。然而A本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。SI给开发者留下了坑，它会导致你写代码时本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。得到非预期的执行结果。主要有一下几个坑：

【原创不易，请尊重版权】【作者：唐霜】著作权归作者所有，禁止商业用途转载。【本文受版权保护】

后缀表达式
  左值表达式 [无行终结符] ++
  左值表达式 [无行终结符] --Continue 语句
  continue [无行终结符] 标识符? ;Break 语句
  break [无行终结符] 标识符? ;Return 语句
  return [无行终结符] 表达式? ;Throw 语句
  throw [无行终结符] 表达式? ;

上面这几种情况需要额外注意，稍不留神就会【本文首发于唐霜的博客】【版权所有，侵权必究】被坑。

【原创不易，请尊重版权】【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。【作者：唐霜】

a = 10a++

上面这个代码会被解释为：未经授权，禁止复制转载。

原创内容，盗版必究。本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net

a = 10;a;++;

也就是说【关注微信公众号：wwwtangshuangnet】a ++操作必须写在同一行内。当然，单独放置++【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。为一行的情况我们一般不会让它发生，但是下本文版权归作者所有，未经授权不得转载。【本文受版权保护】面这个情况稍不留神就会发生：

【版权所有，侵权必究】本文版权归作者所有，未经授权不得转载。【关注微信公众号：wwwtangshuangnet】【原创不易，请尊重版权】【原创不易，请尊重版权】

function a() {
  return
  {
  
  a: 10
  }}

上面这段代码return单独一行会导致语未经授权，禁止复制转载。未经授权，禁止复制转载。句在它后面直接结束，后面跟随的内容不会作【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。为返回值，因此，如果你想要在return转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】后给返回值，一定要和return在同行。

未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。【原创不易，请尊重版权】【原创内容，转载请注明出处】

只要注意上面这些情况，就可以避免ASI机【原创内容，转载请注明出处】【访问 www.tangshuang.net 获取更多精彩内容】制带来的坑。而这些坑也证明一个事实：即使你严格按照代码风格使用分号，也有可能【作者：唐霜】本文作者：唐霜，转载请注明出处。造成错误。所以，关于加不加分号的争论并没有涉及问转载请注明出处：www.tangshuang.net【版权所有】唐霜 www.tangshuang.net题本质，问题本质是要理解ASI机制。

【原创内容，转载请注明出处】【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。

放弃使用分号作为句尾的注意点【关注微信公众号：wwwtangshuangnet】

本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。

不使用分号的缺点是什么呢？我的回答是：完本文作者：唐霜，转载请注明出处。【关注微信公众号：wwwtangshuangnet】全没有！它不会带来任何语法错误，也不会导本文作者：唐霜，转载请注明出处。【本文首发于唐霜的博客】致阅读代码的理解障碍。很多人会觉得不使用原创内容，盗版必究。未经授权，禁止复制转载。分号会带来一些弊端，但实际上，写分号也无著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】法避免这些弊端。使不使用分号，只是选择问未经授权，禁止复制转载。【原创内容，转载请注明出处】题，而不存在好坏善恶之分，会出问题的代码本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。，使用分号仍然会出问题，不使用分号的代码【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。，只要习惯了写作风格，也不会有任何问题。

【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net

不写分号确实需要有几个注意点，你需要深刻【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。理解语句与语句之间的关系，让你的代码更加著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。严谨。这里推荐一篇文章本文作者：唐霜，转载请注明出处。，里面总结了主要的几个注意点，本文就再梳【转载请注明来源】【作者：唐霜】理一下。

著作权归作者所有，禁止商业用途转载。【作者：唐霜】【关注微信公众号：wwwtangshuangnet】本文版权归作者所有，未经授权不得转载。

当你不使用分号作为句尾的时候，你的注意点原创内容，盗版必究。【原创内容，转载请注明出处】应该放到句首。也就是说，当你打算写一个语【未经授权禁止转载】【作者：唐霜】句的时候，首先应该稍做思想的暂停，确定你原创内容，盗版必究。原创内容，盗版必究。是否应该这样开始这条语句。当你打算用“（【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。”、“[”、“/”、“+”、或“-”开始【版权所有】唐霜 www.tangshuang.net【本文首发于唐霜的博客】这几个符号开始这条语句时，就要格外小心，本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net因为它们在js中存在两种不同的意义，用汉【作者：唐霜】【原创内容，转载请注明出处】语里的“一词多义”来解释正好。

【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。【关注微信公众号：wwwtangshuangnet】

(前括号有两种意义：1.提高优先级，2.【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。函数的参数。当然，在正则表达式中还有分组【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.net的意思。如何确定是哪种意义呢？[前中括号【本文受版权保护】转载请注明出处：www.tangshuang.net也有两种意义：1.字面量数组的前中括号，著作权归作者所有，禁止商业用途转载。【转载请注明来源】2.数组索引下标的前中括号。你也无法确定【原创不易，请尊重版权】原创内容，盗版必究。是在使用哪一种。/则有正则regexp的著作权归作者所有，禁止商业用途转载。【原创内容，转载请注明出处】前斜杠和除号两种意义。而不同的意义会导致著作权归作者所有，禁止商业用途转载。【原创内容，转载请注明出处】js选择不同的方式对它们进行处理。

转载请注明出处：www.tangshuang.net本文版权归作者所有，未经授权不得转载。【未经授权禁止转载】

如果(前方是变量（或常量），它总是被认为【关注微信公众号：wwwtangshuangnet】未经授权，禁止复制转载。是function的实参的前括号；如果[的前方是变量（包括匿名函数，或常量【版权所有，侵权必究】原创内容，盗版必究。），它总被认为是数组的下标的前中括号；如果/的前方也存在变量（或常量），它总被【转载请注明来源】【转载请注明来源】认为是除号。

转载请注明出处：www.tangshuang.net【作者：唐霜】本文版权归作者所有，未经授权不得转载。【未经授权禁止转载】【未经授权禁止转载】

+和-情况稍有不同，因为单纯看+只有加法本文作者：唐霜，转载请注明出处。【作者：唐霜】的加号和字符串连接符的意思，但是其实这两原创内容，盗版必究。本文版权归作者所有，未经授权不得转载。种意义在用法上是一致的，字符串连接符只是著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。做了数据类型的转换。当出现++的时候情况【作者：唐霜】【未经授权禁止转载】则会改变，例如

【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。

x++y

会被认为是【版权所有，侵权必究】x; ++y;，而非【访问 www.tangshuang.net 获取更多精彩内容】x++;y。还有一种情况，叫做单目运算，其实是一种转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。省略的写法如：

本文作者：唐霜，转载请注明出处。【作者：唐霜】【版权所有，侵权必究】【作者：唐霜】【本文受版权保护】

10 + +'12'10 + -'12''12'- - 10

++代表的是自加，而+ +则代表第二个加【访问 www.tangshuang.net 获取更多精彩内容】【未经授权禁止转载】号为正号，即后面是一个正数，同理- -的本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。第二个减号代表后面是一个负数。但这都不会【本文首发于唐霜的博客】原创内容，盗版必究。代码我们本文中分号带来的问题，我们要看的【访问 www.tangshuang.net 获取更多精彩内容】【访问 www.tangshuang.net 获取更多精彩内容】，是第一个+，也就是除开++自加运算的单原创内容，盗版必究。【版权所有，侵权必究】独一个加号的情况。所以，+号和-号的两种本文作者：唐霜，转载请注明出处。【原创不易，请尊重版权】意义分别是：加减运算和正负单目运算。

原创内容，盗版必究。转载请注明出处：www.tangshuang.net未经授权，禁止复制转载。【转载请注明来源】【版权所有，侵权必究】

如果+或-前面是一个变量（或常量），它总【未经授权禁止转载】未经授权，禁止复制转载。被认为是加减运算，而非正负号；反过来，如转载请注明出处：www.tangshuang.net【转载请注明来源】果它前面不是变量（或常量），则表示正负号【关注微信公众号：wwwtangshuangnet】著作权归作者所有，禁止商业用途转载。。
【作者：唐霜】【版权所有，侵权必究】 例如：【关注微信公众号：wwwtangshuangnet】

【原创内容，转载请注明出处】未经授权，禁止复制转载。转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】

12-4 + 6

'19' ++'9' - 6// 这是一个非常有趣的例子，你可以自己运行试试看

因此，所有以([/+-开头的语句，都必须著作权归作者所有，禁止商业用途转载。【转载请注明来源】谨慎行事。

本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。

但是，这种使用往往是因为开发者希望一次性转载请注明出处：www.tangshuang.net【作者：唐霜】完成复杂运算，利用最多的如下：

【原创不易，请尊重版权】【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。【原创内容，转载请注明出处】【访问 www.tangshuang.net 获取更多精彩内容】

['click', 'hover', 'mousedown'].forEach(e => bind(ele, e, factory))

想一次性通过[]来绑定一些事件。但是这种未经授权，禁止复制转载。【转载请注明来源】用法非常危险，因为[前面如果是变量（或常【作者：唐霜】原创内容，盗版必究。量）就极有可能引起错误。当然，使用分号可【本文首发于唐霜的博客】【原创不易，请尊重版权】以解决，在[前面加分号成为;[，但是这种著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net前置分号的写法非常不符合我的审美，所有前本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。置符号的形式都不大受我的欢迎。我推荐的简【原创内容，转载请注明出处】著作权归作者所有，禁止商业用途转载。单的方法如下：

著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。【未经授权禁止转载】【原创不易，请尊重版权】

var events = ['click', 'hover', 'mousedown']events.forEach(e => bind(ele, e, factory))

把复杂语句拆分成两个简单语句。虽然代码量【转载请注明来源】著作权归作者所有，禁止商业用途转载。增加了，但是感官上更加明了，events【作者：唐霜】【原创不易，请尊重版权】变量也可以复用。当然，你可能觉得even未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。ts只用到一次，不应该多增加一个变量。即【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。使如此，你也不应该将[]作为句首，你可以【原创内容，转载请注明出处】本文版权归作者所有，未经授权不得转载。采用函数立即执行的方式来释放内存：

原创内容，盗版必究。【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】

!function(){
  var events = ['click', 'hover', 'mousedown']
  events.forEach(e => bind(ele, e, factory))}()

前面使用了!而非采用双括号的形式执行函数【关注微信公众号：wwwtangshuangnet】未经授权，禁止复制转载。，也是为了避免(作为句首带来的问题。

【作者：唐霜】【作者：唐霜】【原创不易，请尊重版权】

我在自己的风格文档里面的建议是：著作权归作者所有，禁止商业用途转载。使用变量作为句首【未经授权禁止转载】。当然这不是必须的，有的时候为了写出具有【本文首发于唐霜的博客】【转载请注明来源】个性的代码，必须尝试使用一些非一般的手段本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】，这个时候，只需要注意本文涉及的知识点即【访问 www.tangshuang.net 获取更多精彩内容】未经授权，禁止复制转载。可。

转载请注明出处：www.tangshuang.net【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net【作者：唐霜】

2017-04-23 11063 代码风格