DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JavaScript中的分號插入機制詳細介紹
JavaScript中的分號插入機制詳細介紹
編輯:JavaScript綜合知識     

 這篇文章主要介紹了JavaScript中的分號插入機制詳細介紹,本文講解JavaScript中各種情況下的分號插入機制,需要的朋友可以參考下

   

僅在}之前、一個或多個換行之後和程序輸入的結尾被插入

也就是說你只能在一行、一個代碼塊和一段程序結束的地方省略分號。

也就是說你可以寫如下代碼

代碼如下:
function square(x) {
var n = +x
return n * n
}
但是卻不可以寫的像下面代碼一樣,這樣就報錯了哦
代碼如下:
function area(r) { r = +r return Math.PI*r*r }//error

 

僅在隨後的輸入標記不能解析時插入

也就是說分號插入是一種錯誤校正機制。看代碼說話

復制代碼 代碼如下:
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難道不是錯的嗎?

 

所以(、[、+、-、和/ 這五個字符開始的語句,那麼最好前面不要省略分號。

想省略分號,有經驗的程序員會在該語句的後面跟一個聲明語句,以保證解析器解析正確。如下所示

代碼如下:
a = b
var x//特意在此加了聲明語句以保證a = b不會和(f())解析到一塊兒
(f())
所以如果你需要省略分號,必須檢查接下來的一行開始標記是否為上述五個字符導致解析器會禁用自動插入分號,或者你也可以在(、[、+、-、和/ 這五個字符前置一個分號

 

省略分號導致腳本連接問題

 

代碼如下:
//file1.js
(function () {
//......
})()

 

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

 

上述兩個文件連接時,就會被解析成如下

 

代碼如下:
(function () {
//......
})()(function () {
//......
})()

 

所以省略分號不僅需要當心當前文件的下一個標記,而且還需要當心腳本連接後可能出現在語句之後的任一標記。

為避免解析器解析錯誤,你可以在每個文件前綴一個額外的分號以保護腳本免受粗心連接的影響。如果文件最開始的語句以上述5個脆弱字符開關,你就應該添加額外的分號前綴。

JavaScript語法限制產生式

JavaScript語法限制產生式:不允許在兩個字符之間出現換行。

舉例說明:

代碼如下:
return
{};
上述代碼就被解析成了
代碼如下:
return;
{}
;

 

自增自減運算的分號插入規則

代碼如下:
a
++
b
大家想想上述代碼會被解析成什麼樣?說出謎底吧,因為自增運算符既可以作為前置運算符又可以作為後置運算符,但是後置運算符不能出現在換行之前,所以上述代碼被解析成了
代碼如下:
a;
++b;

 

分號不會作為分隔符在for循環空語句的頭部被自動插入

代碼如下:
for (var i = 0,total=1
i < length
i++) {
total*=i;
}
像上述的代碼就會出現解析錯誤。

 

空循環體的while同樣也需要顯示的分號,否則也會導致解析錯誤

代碼如下:
function mytest() {
while (true)
}
必須寫成如下才不會報錯哦
代碼如下:
function mytest() {
while (true) ;
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved