在 JavaScript 中，行尾的分號(hào)有一種自動(dòng)插入機(jī)制，這樣子，可以容忍某些朋友忽略了輸入分號(hào)。 當(dāng)然你最好養(yǎng)成輸入分號(hào)的習(xí)慣，同時(shí)掌握 JavaScript 是如何處理忽略輸入分號(hào)的情況的，因?yàn)檫@種知識(shí)有助于你理解沒(méi)有分號(hào)的代碼。

JavaScript語(yǔ)言有一個(gè)機(jī)制：在解析時(shí)，能夠在一句話后面自動(dòng)插入一個(gè)分號(hào)，用來(lái)修改語(yǔ)句末尾遺漏的分號(hào)分隔符。然而，由于這個(gè)自動(dòng)插入的分號(hào)與JavaScript語(yǔ)言的另一個(gè)機(jī)制發(fā)生了沖突，即所有空格符都被忽略，因此程序可以利用空格格式化代碼。

    這兩種機(jī)制的沖突，很容易掩蓋更為嚴(yán)重的解析錯(cuò)誤。有時(shí)會(huì)不合時(shí)宜地插入分號(hào)。例如，在return語(yǔ)句中自動(dòng)插入分號(hào)將會(huì)導(dǎo)致這樣的后果：如果return語(yǔ)句要返回一個(gè)值，這個(gè)值的表達(dá)式的開(kāi)始部分必須和return在同一行上，例如：

 var f = function（）{
 return
 {
 status: true
 };
 }

    看起來(lái)這里要返回一個(gè)包含status成員元素的對(duì)象。不幸的是，JavaScript自動(dòng)插入分號(hào)讓它返回了undefined,從而導(dǎo)致下面真正要返回的對(duì)象被忽略。

    當(dāng)自動(dòng)插入分號(hào)導(dǎo)致程序被誤解時(shí)，并不會(huì)有任何警告提醒。如果把{放在上一行的尾部而不是下一行的頭部，就可以避免該問(wèn)題，例如：

 var f = function（）{
 return {
 status: true
 };
 }

    為了避免省略分號(hào)引起的錯(cuò)誤，建議養(yǎng)成好的習(xí)慣，不管一行內(nèi)語(yǔ)句是否完整，只要是完整的語(yǔ)句都必須增加分號(hào)以表示句子結(jié)束。

    為了方便閱讀，當(dāng)長(zhǎng)句子需要分行顯示時(shí)，在分行時(shí)應(yīng)確保一行內(nèi)不能形成完整的邏輯語(yǔ)義。例如，下面代碼是一條連續(xù)賦值的語(yǔ)句，通過(guò)分行顯示可以更清楚地查看它們的關(guān)系。這種分行顯示，由于一行內(nèi)不能形成獨(dú)立的邏輯語(yǔ)義，因此JavaScript不會(huì)把每一行視為獨(dú)立的句子，從而不會(huì)產(chǎn)生歧義。

 var a =
 b =
 c = 4;

    以上語(yǔ)句在一行內(nèi)顯示如下： var a = b = c = 4;

    對(duì)于下面這條語(yǔ)句，如果不能正確分行顯示，就很容易產(chǎn)生歧義。該句子的含義：定義一個(gè)變量i,然后為其賦值，如果變量a為true,則賦值為1,否則就判斷變量b,如果b為true,則賦值為2,否則就判斷變量c,如果c為true,則賦值為3,否則賦值為4.

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

    下面的分行顯示就是錯(cuò)誤的，因?yàn)楸磉_(dá)式a ? 1: b能夠形成獨(dú)立的邏輯語(yǔ)義，所以JavaScript會(huì)自動(dòng)在其后添加分號(hào)來(lái)表示一個(gè)獨(dú)立的句子。

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

    安全的方法應(yīng)該采用如下的分行顯示，這樣每一行都不能形成獨(dú)立的語(yǔ)義。

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

    總之，在編寫(xiě)代碼時(shí)，應(yīng)養(yǎng)成使用分號(hào)結(jié)束句子的良好習(xí)慣，凡是完整的句子就應(yīng)該使用分號(hào)進(jìn)行分隔。分行顯示的句子應(yīng)該確保單行不容易形成獨(dú)立的合法的邏輯語(yǔ)義

PS:示例詳解javascript自動(dòng)在行尾添加分號(hào)

 分號(hào)(;)，通常會(huì)用在一行語(yǔ)句的結(jié)尾，代碼如下:

var webName = "腳本之家";
var url = www.dbjr.com.cn;

上面的代碼，在每一個(gè)聲明語(yǔ)句后面都添加了分號(hào)，這不用多解釋。

var webName = "腳本之家"
var url = www.dbjr.com.cn

其實(shí)分號(hào)也完全可以省略，但是省略的這個(gè)分號(hào)，會(huì)在編譯階段自動(dòng)為其添加分號(hào)。
再來(lái)看一段代碼實(shí)例:

function done(webName){
 return
 webName
}
console.log(done("腳本之家"));

由于編譯器會(huì)在每一行后面都自動(dòng)添加了分號(hào)，所以輸出值undefined，不是"腳本之家"。

最新評(píng)論