摘要：一自動(dòng)插入分號(hào)規(guī)則三條規(guī)則要有換行符，且下一個(gè)符號(hào)是不符合語(yǔ)法的，那么就嘗試插入分號(hào)。有換行符，且語(yǔ)法中規(guī)定此處不能有換行符，那么就自動(dòng)插入分號(hào)。源代碼結(jié)束處，不能形成完整的腳本或者模塊結(jié)構(gòu)，那么就自動(dòng)插入分號(hào)。

重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開(kāi)的一個(gè)專(zhuān)欄，每天10分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以加入winter的專(zhuān)欄學(xué)習(xí)【原文有winter的語(yǔ)音】，如有侵權(quán)請(qǐng)聯(lián)系我，郵箱：kaimo313@foxmail.com。

要有換行符，且下一個(gè)符號(hào)是不符合語(yǔ)法的，那么就嘗試插入分號(hào)。

有換行符，且語(yǔ)法中規(guī)定此處不能有換行符，那么就自動(dòng)插入分號(hào)。

源代碼結(jié)束處，不能形成完整的腳本或者模塊結(jié)構(gòu)，那么就自動(dòng)插入分號(hào)。

//第一行的結(jié)尾處有換行符，接下來(lái) void 關(guān)鍵字接在 1 之后是不合法的，根據(jù)第一條規(guī)則，會(huì)在 void 前插入換行符。
let a = 1
void function(a){
    console.log(a);
}(a);

// 根據(jù)no LineTerminator here 規(guī)則, a 的后面就要插入一個(gè)分號(hào)。
var a = 1, b = 1, c = 1;
a
++
b
++
c
// a ==> 1  b,c ==> 2

UpdateExpression[Yield, Await]:
    LeftHandSideExpression[?Yield, ?Await]
    LeftHandSideExpression[?Yield, ?Await][no LineTerminator here]++
    LeftHandSideExpression[?Yield, ?Await][no LineTerminator here]--
    ++UnaryExpression[?Yield, ?Await]
    --UnaryExpression[?Yield, ?Await]

(function(){
    console.log(1);
})()
(function(){
    console.log(2);
})()

// 不加分號(hào)，輸出結(jié)果
// 1   Uncaught TypeError: (intermediate value)(...) is not a function

(function(){
    console.log(1);
})();
(function(){
    console.log(2);
})()

// 加分號(hào)，輸出結(jié)果
// 1  2

// 關(guān)于這個(gè)問(wèn)題，遇到過(guò)，當(dāng)時(shí)排查幾十分鐘 _(:3」∠)_ ， 由于我之前的是有換行，還有注釋?zhuān)?dāng)時(shí)一直不理解，類(lèi)似下面這樣
(function(){
    console.log(1);
})()

// 處理。。。業(yè)務(wù)
(function(){
    console.log(2);
})()

// 帶換行符的注釋也被認(rèn)為是有換行符，return 也有 [no LineTerminator here] 規(guī)則的要求，這里會(huì)自動(dòng)插入分號(hào)
function f(){
    return/*
        This is a return value.
    */1;
}
f();

// undefined

no LineTerminator here 規(guī)則表示它所在的結(jié)構(gòu)中的這一位置不能插入換行符。

// 不能在 continue 后插入換行。
outer:for(var j = 0; j < 10; j++)
    for(var i = 0; i < j; i++)
        continue /*no LineTerminator here*/ outter

function f(){
    return /*no LineTerminator here*/1;
}

i/*no LineTerminator here*/++
i/*no LineTerminator here*/--

throw/*no LineTerminator here*/new Exception("error")

// 后面都不能插入換行符
async/*no LineTerminator here*/function f(){

}
const f = async/*no LineTerminator here*/x => x*x

// 箭頭函數(shù)的箭頭前，也不能插入換行
const f = x/*no LineTerminator here*/=> x*x

// yield 之后，不能插入換行
function *g(){
    var i = 0;
    while(true)
        yield/*no LineTerminator here*/i++;
}

(function(a){
    console.log(a);
})()/* 這里沒(méi)有被自動(dòng)插入分號(hào) */
(function(a){
    console.log(a);
})()

var a = [[]]/* 這里沒(méi)有被自動(dòng)插入分號(hào) */
[3, 2, 1, 0].forEach(e => console.log(e))

// 正則邊除號(hào)
var x = 1, g = {test:()=>0}, b = 1/* 這里沒(méi)有被自動(dòng)插入分號(hào) */
/(a)/g.test("abc")
console.log(RegExp.$1)

// 沒(méi)有自動(dòng)插入分號(hào)，函數(shù) f 被認(rèn)為跟 Template 一體的，會(huì)被執(zhí)行。
var f = function(){
  return "";
}
var g = f/* 這里沒(méi)有被自動(dòng)插入分號(hào) */
`Template`.match(/(a)/);
console.log(RegExp.$1)

表示跟winter一樣，也是標(biāo)分號(hào)黨。。。