JavaScript中的分號插入機制詳細(xì)介紹
僅在}之前、一個或多個換行之后和程序輸入的結(jié)尾被插入
也就是說你只能在一行、一個代碼塊和一段程序結(jié)束的地方省略分號。
也就是說你可以寫如下代碼
function square(x) {
var n = +x
return n * n
}
但是卻不可以寫的像下面代碼一樣，這樣就報錯了哦
function area(r) { r = +r return Math.PI*r*r }//error
僅在隨后的輸入標(biāo)記不能解析時插入
也就是說分號插入是一種錯誤校正機制。看代碼說話
a = b
(f())
//能正確的解析為一條單獨的語句 單價于下面這條語句
a = b(f())
a = b
f()
//被解析為兩條獨立的語句
a = bf();//解析有誤
所以你必須得注意下一條語句的開始，從而確定你是否能夠合法的省略分號。
（、[、+、-、和/ 這五個字符開始的語句，那么最好前面不要省略分號。
舉例說明一下哦
a = b
['r', 'g', 'b'].forEach(function (key) {
console.log(key);
});
本來你以為沒有錯誤，但是解析器卻解析成了如下語句
a = b['r', 'g', 'b'].forEach(function (key) {
console.log(key);
});
因為第二句語句是以[開始的，所以解析器不會在第一條語句后自動插入分號，這樣就解析成了如上所示，上面的式子解析時b['b'].forEach難道不是錯的嗎？
所以（、[、+、-、和/ 這五個字符開始的語句，那么最好前面不要省略分號。
想省略分號，有經(jīng)驗的程序員會在該語句的后面跟一個聲明語句，以保證解析器解析正確。如下所示
a = b
var x//特意在此加了聲明語句以保證a = b不會和(f())解析到一塊兒
(f())
所以如果你需要省略分號，必須檢查接下來的一行開始標(biāo)記是否為上述五個字符導(dǎo)致解析器會禁用自動插入分號，或者你也可以在（、[、+、-、和/ 這五個字符前置一個分號
省略分號導(dǎo)致腳本連接問題
//file1.js
(function () {
//......
})()
//file2.js
(function () {
//......
})()
上述兩個文件連接時，就會被解析成如下
(function () {
//......
})()(function () {
//......
})()
所以省略分號不僅需要當(dāng)心當(dāng)前文件的下一個標(biāo)記，而且還需要當(dāng)心腳本連接后可能出現(xiàn)在語句之后的任一標(biāo)記。
為避免解析器解析錯誤，你可以在每個文件前綴一個額外的分號以保護(hù)腳本免受粗心連接的影響。如果文件最開始的語句以上述5個脆弱字符開關(guān)，你就應(yīng)該添加額外的分號前綴。
JavaScript語法限制產(chǎn)生式
JavaScript語法限制產(chǎn)生式：不允許在兩個字符之間出現(xiàn)換行。
舉例說明：
return
{};
上述代碼就被解析成了
return;
{}
;
自增自減運算的分號插入規(guī)則
a
++
b
大家想想上述代碼會被解析成什么樣？說出謎底吧，因為自增運算符既可以作為前置運算符又可以作為后置運算符，但是后置運算符不能出現(xiàn)在換行之前，所以上述代碼被解析成了
a;
++b;
分號不會作為分隔符在for循環(huán)空語句的頭部被自動插入
for (var i = 0,total=1
i < length
i++) {
total*=i;
}
像上述的代碼就會出現(xiàn)解析錯誤。
空循環(huán)體的while同樣也需要顯示的分號，否則也會導(dǎo)致解析錯誤
function mytest() {
while (true)
}
必須寫成如下才不會報錯哦
function mytest() {
while (true) ;
}
總結(jié)一下哦
1.僅在}標(biāo)記之前、一行的結(jié)束和程序的結(jié)束處推導(dǎo)分號
2.僅在緊接著的標(biāo)記不能被解析的時候推導(dǎo)分號
3.在以（、[、+、-、和/ 字符開頭的語句前絕不能省略分號
4.當(dāng)腳本連接的時候，在腳本之間顯式的插入分號
5.在return、throw、break、continue、++或--的參數(shù)之前絕不能換行
6.分號不能作為for循環(huán)的頭部或空語句的分隔符而被推導(dǎo)出
相關(guān)文章
這篇文章主要給大家介紹了Javascript中Date類型和Math類型的一些基礎(chǔ)知識，非常的實用，有需要的小伙伴可以參考下2016-02-02
IE6瀏覽器下resize事件被執(zhí)行了多次解決方法
在IE瀏覽器下，一次resize事件被執(zhí)行了多次,這是IE6和IE7的一個比較廣為認(rèn)知的問題，這個問題在這兩個版本的瀏覽器中表現(xiàn)有所不同，通常IE6下會比IE7下更為糟糕,接下來將介紹解決方法，需要的朋友可以參考下2012-12-12
Javascript基礎(chǔ)_簡單比較undefined和null 值
下面小編就為大家?guī)硪黄狫avascript基礎(chǔ)_簡單比較undefined和null 值。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要詳細(xì)介紹了javascript操作符"!~"，最基本也最容易忽略的東西，混了幾年連基本都沒了，被人問到得貽笑大方。2015-02-02
THREE.JS入門教程(5)你應(yīng)當(dāng)知道的十件事
Three.js是一個偉大的開源WebGL庫，WebGL允許JavaScript操作GPU，在瀏覽器端實現(xiàn)真正意義的3D，本文會讓你了解一下使用THREE.JS處理3D/避免SetInterval/使用倒序循環(huán)等等，感興趣的朋友可以了解下哦2013-01-01
JavaScript中使用指數(shù)方法Math.exp()的簡介
這篇文章主要介紹了JavaScript中使用指數(shù)方法Math.exp(),是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了使圖片旋轉(zhuǎn)的3種解決方案,并了幾個方法的對比，大家參考看一下吧2013-11-11
下面小編就為大家?guī)硪黄狫avascript 基礎(chǔ)---Ajax入門必看。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要為大家介紹了javascriptes6的常用語法，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
這篇文章主要介紹了詳細(xì)分析JS函數(shù)去抖和節(jié)流相關(guān)知識以及代碼分析，需要的朋友學(xué)習(xí)參考下吧。2017-12-12