# javascript 分号结尾

并不是 全部加分号 或者 全部不加分号 的问题,而是什么时候可以加,什么时候必须加,什么时候可以不加


# 分号的作用

  • 语句(表达式)的分隔
  • 语句的结尾

但是分号并不一定是语句的结尾:

function add() {
  var a = 1;
  return;
  a;
}
1
2
3
4
5

上面返回值是 undefined 而不是 1,因为 return 后面有换行符,相当于:

function add() {
  var a = 1;
  return;
  a;
}
1
2
3
4
5

由于 ECMAScript 的自动插入分号(ASI)标准,在语句或者一段代码后,加了回车,解析器会在执行期间自动帮你插入分号。


# ASI 例外情况

下面情况是在使用回车或换行,但是不会自动插入分号作结尾:

  • 当一行语句是没关闭的情况,例如数组、对象之类:
// example 1
var a = [1, 2, 3];

// example 2
function test(a, b, c) {
  console.log(a, b, c);
}
1
2
3
4
5
6
7
  • 这一行是 ++--:
a = 1;
++console.log(a);
1
2
  • 这一行是 for while do if else 但没有用花括号:
if(...)
 console.log(...)
else
 console.log(...)
1
2
3
4
  • 下一行开头是 [ ( + * / - , . 或者二进制运算符 ~ & | 可以与这行组成一个表达式:
function test() {
  return 1 + 2 - 3;
}
1
2
3
  • 空白语句:
var i=1

// 这之间不管有多少换行都不会自动插入分号

if(i==2)
1
2
3
4
5

# 一定要使用分号的情况

分号不只是语句结尾使用,在某些语法中,具有分隔表达式或语句的作用:

  • for 中的表达式之间:
for(var i=0;i<10;i++)
1
  • 同一行使用多个表达式:
// example 1
var i=0; i++

// example 2
case 'foo': dosomething(); break
1
2
3
4
5
  • [ ( 开头的行,这是一种特殊的风格,用来防止解析器或者压缩工具误认为某行和上面几行在一起解析,造成代码执行结果错误,还有 IIFE(立即执行函数表达式)这种情况 :
// example 1
(x || y).doSomething();
[a, b, c].forEach(doSomething);

// example 2
var x = 2;
(function() {})();
1
2
3
4
5
6
7

# 不需要使用分号的情况

  • for 最后一个表达式:
for(var i=0;i<12;i++;){}
1
  • 花括号后面,赋值时可以加:
// 不建议加
function a(){};
if(){};

// 可以加
var obj = {a:1};
var foo = function(){};
do{...} while{...};
1
2
3
4
5
6
7
8
  • if for while switch 的圆括号后面:
if (a == 1);
{
  console.log(a);
}

// 相当于
if (a == 1);
console.log(a);
1
2
3
4
5
6
7
8

# 总结

是否使用分号作为语句结尾,在按照上面规则的情况下,可以根据个人习惯或者团队风格。

npm bootstrap 还有比较火的开源应用都不使用分号