讀古今文學網 > 編寫高質量代碼:改善JavaScript程序的188個建議 > 建議5:防止JavaScript自動插入分號 >

建議5:防止JavaScript自動插入分號

JavaScript語言有一個機制:在解析時,能夠在一句話後面自動插入一個分號,用來修改語句末尾遺漏的分號分隔符。然而,由於這個自動插入的分號與JavaScript語言的另一個機制發生了衝突,即所有空格符都被忽略,因此程序可以利用空格格式化代碼。

這兩種機制的衝突,很容易掩蓋更為嚴重的解析錯誤。有時會不合時宜地插入分號。例如,在return語句中自動插入分號將會導致這樣的後果:如果return語句要返回一個值,這個值的表達式的開始部分必須和return在同一行上,例如:


var f=function{

return

{

status:true

};

}


看起來這裡要返回一個包含status成員元素的對象。不幸的是,JavaScript自動插入分號讓它返回了undefined,從而導致下面真正要返回的對象被忽略。

當自動插入分號導致程序被誤解時,並不會有任何警告提醒。如果把{放在上一行的尾部而不是下一行的頭部,就可以避免該問題,例如:


var f=function{

return{

status:true

};

}


為了避免省略分號引起的錯誤,建議養成好的習慣,不管一行內語句是否完整,只要是完整的語句都必須增加分號以表示句子結束。

為了方便閱讀,當長句子需要分行顯示時,在分行時應確保一行內不能形成完整的邏輯語義。例如,下面代碼是一條連續賦值的語句,通過分行顯示可以更清楚地查看它們的關係。這種分行顯示,由於一行內不能形成獨立的邏輯語義,因此JavaScript不會把每一行視為獨立的句子,從而不會產生歧義。


var a=

b=

c=4;


以上語句在一行內顯示如下:


var a=b=c=4;


對於下面這條語句,如果不能正確分行顯示,就很容易產生歧義。該句子的含義:定義一個變量i,然後為其賦值,如果變量a為true,則賦值為1,否則就判斷變量b,如果b為true,則賦值為2,否則就判斷變量c,如果c為true,則賦值為3,否則賦值為4。


var i=a?1:b?2:c?3:4;


下面的分行顯示就是錯誤的,因為表達式a?1:b能夠形成獨立的邏輯語義,所以JavaScript會自動在其後添加分號來表示一個獨立的句子。


var i=a?1:b

?2:c

?3:4;


安全的方法應該採用如下的分行顯示,這樣每一行都不能形成獨立的語義。


var i=a?1

:b?2

:c?3

:4;


總之,在編寫代碼時,應養成使用分號結束句子的良好習慣,凡是完整的句子就應該使用分號進行分隔。分行顯示的句子應該確保單行不容易形成獨立的合法的邏輯語義。