快捷導(dǎo)航

JavaScript中的分號(hào)插入機(jī)制詳細(xì)介紹

更新時(shí)間：2015年02月11日 11:09:07 投稿：junjie

這篇文章主要介紹了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ò)了哦

復(fù)制代碼代碼如下:

function area(r) { r = +r return Math.PI*r*r }//error

僅在隨后的輸入標(biāo)記不能解析時(shí)插入

也就是說(shuō)分號(hào)插入是一種錯(cuò)誤校正機(jī)制?？创a說(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ō)明一下哦

復(fù)制代碼代碼如下:

a = b

['r', 'g', 'b'].forEach(function (key) {

    console.log(key);

});

本來(lái)你以為沒有錯(cuò)誤，但是解析器卻解析成了如下語(yǔ)句

復(fù)制代碼代碼如下:

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ǔ)句，以保證解析器解析正確。如下所示

復(fù)制代碼代碼如下:

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)致腳本連接問題

復(fù)制代碼代碼如下:

//file1.js
(function () {
//......
})()

//file2.js
(function () {
//......
})()

上述兩個(gè)文件連接時(shí)，就會(huì)被解析成如下

復(fù)制代碼代碼如下:

(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ō)明：

復(fù)制代碼代碼如下:

return

{};

上述代碼就被解析成了

復(fù)制代碼代碼如下:

return;

{}

;

自增自減運(yùn)算的分號(hào)插入規(guī)則

復(fù)制代碼代碼如下:

a

++

b

大家想想上述代碼會(huì)被解析成什么樣？說(shuō)出謎底吧，因?yàn)樽栽鲞\(yùn)算符既可以作為前置運(yùn)算符又可以作為后置運(yùn)算符，但是后置運(yùn)算符不能出現(xiàn)在換行之前，所以上述代碼被解析成了

復(fù)制代碼代碼如下:

a;

++b;

分號(hào)不會(huì)作為分隔符在for循環(huán)空語(yǔ)句的頭部被自動(dòng)插入

復(fù)制代碼代碼如下:

for (var i = 0,total=1

    i < length

    i++) {

    total*=i;

}

像上述的代碼就會(huì)出現(xiàn)解析錯(cuò)誤。

空循環(huán)體的while同樣也需要顯示的分號(hào)，否則也會(huì)導(dǎo)致解析錯(cuò)誤

復(fù)制代碼代碼如下:

function mytest() {

    while   (true)

}

必須寫成如下才不會(huì)報(bào)錯(cuò)哦

復(fù)制代碼代碼如下:

function mytest() {

    while   (true) ;

}

總結(jié)一下哦

1.僅在}標(biāo)記之前、一行的結(jié)束和程序的結(jié)束處推導(dǎo)分號(hào)
2.僅在緊接著的標(biāo)記不能被解析的時(shí)候推導(dǎo)分號(hào)
3.在以（、[、+、-、和/ 字符開頭的語(yǔ)句前絕不能省略分號(hào)
4.當(dāng)腳本連接的時(shí)候，在腳本之間顯式的插入分號(hào)
5.在return、throw、break、continue、++或--的參數(shù)之前絕不能換行
6.分號(hào)不能作為for循環(huán)的頭部或空語(yǔ)句的分隔符而被推導(dǎo)出

您可能感興趣的文章: