如何防止JavaScript自動插入分號

 在 JavaScript 中，行尾的分號有一種自動插入機制，這樣子，可以容忍某些朋友忽略了輸入分號。 當然你最好養成輸入分號的習慣，同時掌握 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;

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

PS:示例詳解javascript自動在行尾添加分號

 分號(; )，通常會用在一行語句的結尾，代碼如下:

var webName = "php中文网";
var url = www.jb51.net;

上面的代碼，在每一個聲明語句後面都添加了分號，這不用多解釋。

var webName = "php中文网"
var url = www.jb51.net

其實分號也完全可以省略，但是省略的這個分號，會在編譯階段自動為其加分號。
再來看一段程式碼實例:

function done(webName){
 return
 webName
}
console.log(done("php中文网"));

由於編譯器會在每一行後面都自動加了分號，所以輸出值為：undefined，不是"php中文網"。

以上就是本章的全部內容，更多相關教學請訪問JavaScript影片教學！