這篇文章主要介紹了JavaScript中的分號(hào)插入機(jī)制詳細(xì)介紹,本文講解JavaScript中各種情況下的分號(hào)插入機(jī)制,需要的朋友可以參考下
僅在}之前、一個(gè)或多個(gè)換行之后和程序輸入的結(jié)尾被插入
也就是說(shuō)你只能在一行、一個(gè)代碼塊和一段程序結(jié)束的地方省略分號(hào)。
也就是說(shuō)你可以寫如下代碼
代碼如下:
function square(x) {
var n = +x
return n * n
}
但是卻不可以寫的像下面代碼一樣，這樣就報(bào)錯(cuò)了哦
代碼如下:
function area(r) { r = +r return Math.PI*r*r }//error
僅在隨后的輸入標(biāo)記不能解析時(shí)插入
也就是說(shuō)分號(hào)插入是一種錯(cuò)誤校正機(jī)制。看代碼說(shuō)話
復(fù)制代碼 代碼如下:
a = b
(f())
//能正確的解析為一條單獨(dú)的語(yǔ)句 單價(jià)于下面這條語(yǔ)句
a = b(f())
a = b
f()
//被解析為兩條獨(dú)立的語(yǔ)句
a = bf();//解析有誤
所以你必須得注意下一條語(yǔ)句的開始，從而確定你是否能夠合法的省略分號(hào)。
（、[、+、-、和/ 這五個(gè)字符開始的語(yǔ)句，那么最好前面不要省略分號(hào)。
舉例說(shuō)明一下哦
代碼如下:
a = b
['r', 'g', 'b'].forEach(function (key) {
console.log(key);
});
本來(lái)你以為沒有錯(cuò)誤，但是解析器卻解析成了如下語(yǔ)句
代碼如下:
a = b['r', 'g', 'b'].forEach(function (key) {
console.log(key);
});
因?yàn)榈诙湔Z(yǔ)句是以[開始的，所以解析器不會(huì)在第一條語(yǔ)句后自動(dòng)插入分號(hào)，這樣就解析成了如上所示，上面的式子解析時(shí)b['b'].forEach難道不是錯(cuò)的嗎？
所以（、[、+、-、和/ 這五個(gè)字符開始的語(yǔ)句，那么最好前面不要省略分號(hào)。
想省略分號(hào)，有經(jīng)驗(yàn)的程序員會(huì)在該語(yǔ)句的后面跟一個(gè)聲明語(yǔ)句，以保證解析器解析正確。如下所示
代碼如下:
a = b
var x//特意在此加了聲明語(yǔ)句以保證a = b不會(huì)和(f())解析到一塊兒
(f())
所以如果你需要省略分號(hào)，必須檢查接下來(lái)的一行開始標(biāo)記是否為上述五個(gè)字符導(dǎo)致解析器會(huì)禁用自動(dòng)插入分號(hào)，或者你也可以在（、[、+、-、和/ 這五個(gè)字符前置一個(gè)分號(hào)
省略分號(hào)導(dǎo)致腳本連接問題
代碼如下:
//file1.js
(function () {
//......
})()
//file2.js
(function () {
//......
})()
上述兩個(gè)文件連接時(shí)，就會(huì)被解析成如下
代碼如下:
(function () {
//......
})()(function () {
//......
})()
所以省略分號(hào)不僅需要當(dāng)心當(dāng)前文件的下一個(gè)標(biāo)記，而且還需要當(dāng)心腳本連接后可能出現(xiàn)在語(yǔ)句之后的任一標(biāo)記。
為避免解析器解析錯(cuò)誤，你可以在每個(gè)文件前綴一個(gè)額外的分號(hào)以保護(hù)腳本免受粗心連接的影響。如果文件最開始的語(yǔ)句以上述5個(gè)脆弱字符開關(guān)，你就應(yīng)該添加額外的分號(hào)前綴。
JavaScript語(yǔ)法限制產(chǎn)生式
JavaScript語(yǔ)法限制產(chǎn)生式：不允許在兩個(gè)字符之間出現(xiàn)換行。
舉例說(shuō)明：
代碼如下:
return
{};
上述代碼就被解析成了
代碼如下:
return;
{}
;
自增自減運(yùn)算的分號(hào)插入規(guī)則
代碼如下:
a
++
b
大家想想上述代碼會(huì)被解析成什么樣？說(shuō)出謎底吧，因?yàn)樽栽鲞\(yùn)算符既可以作為前置運(yùn)算符又可以作為后置運(yùn)算符，但是后置運(yùn)算符不能出現(xiàn)在換行之前，所以上述代碼被解析成了
代碼如下:
a;
++b;
分號(hào)不會(huì)作為分隔符在for循環(huán)空語(yǔ)句的頭部被自動(dòng)插入
代碼如下:
for (var i = 0,total=1
i < length
i++) {
total*=i;
}
像上述的代碼就會(huì)出現(xiàn)解析錯(cuò)誤。
空循環(huán)體的while同樣也需要顯示的分號(hào)，否則也會(huì)導(dǎo)致解析錯(cuò)誤
代碼如下:
function mytest() {
while (true)
}
必須寫成如下才不會(huì)報(bào)錯(cuò)哦
代碼如下:
function mytest() {
while (true) ;
}