如何防止JavaScript自動插入分號
在 JavaScript 中,行尾的分號有一種自動插入機(jī)制,這樣子,可以容忍某些朋友忽略了輸入分號。 當(dāng)然你最好養(yǎng)成輸入分號的習(xí)慣,同時掌握 JavaScript 是如何處理忽略輸入分號的情況的,因?yàn)檫@種知識有助于你理解沒有分號的代碼。
JavaScript語言有一個機(jī)制:在解析時,能夠在一句話后面自動插入一個分號,用來修改語句末尾遺漏的分號分隔符。然而,由于這個自動插入的分號與JavaScript語言的另一個機(jī)制發(fā)生了沖突,即所有空格符都被忽略,因此程序可以利用空格格式化代碼。
這兩種機(jī)制的沖突,很容易掩蓋更為嚴(yán)重的解析錯誤。有時會不合時宜地插入分號。例如,在return語句中自動插入分號將會導(dǎo)致這樣的后果:如果return語句要返回一個值,這個值的表達(dá)式的開始部分必須和return在同一行上,例如:
var f = function(){ return { status: true }; }
看起來這里要返回一個包含status成員元素的對象。不幸的是,JavaScript自動插入分號讓它返回了undefined,從而導(dǎo)致下面真正要返回的對象被忽略。
當(dāng)自動插入分號導(dǎo)致程序被誤解時,并不會有任何警告提醒。如果把{放在上一行的尾部而不是下一行的頭部,就可以避免該問題,例如:
var f = function(){ return { status: true }; }
為了避免省略分號引起的錯誤,建議養(yǎng)成好的習(xí)慣,不管一行內(nèi)語句是否完整,只要是完整的語句都必須增加分號以表示句子結(jié)束。
為了方便閱讀,當(dāng)長句子需要分行顯示時,在分行時應(yīng)確保一行內(nèi)不能形成完整的邏輯語義。例如,下面代碼是一條連續(xù)賦值的語句,通過分行顯示可以更清楚地查看它們的關(guān)系。這種分行顯示,由于一行內(nèi)不能形成獨(dú)立的邏輯語義,因此JavaScript不會把每一行視為獨(dú)立的句子,從而不會產(chǎn)生歧義。
var a = b = c = 4;
以上語句在一行內(nèi)顯示如下: var a = b = c = 4;
對于下面這條語句,如果不能正確分行顯示,就很容易產(chǎn)生歧義。該句子的含義:定義一個變量i,然后為其賦值,如果變量a為true,則賦值為1,否則就判斷變量b,如果b為true,則賦值為2,否則就判斷變量c,如果c為true,則賦值為3,否則賦值為4.
var i = a ? 1 : b ? 2 : c ? 3 : 4;
下面的分行顯示就是錯誤的,因?yàn)楸磉_(dá)式a ? 1: b能夠形成獨(dú)立的邏輯語義,所以JavaScript會自動在其后添加分號來表示一個獨(dú)立的句子。
var i = a ? 1: b ? 2 : c ? 3 : 4;
安全的方法應(yīng)該采用如下的分行顯示,這樣每一行都不能形成獨(dú)立的語義。
var i = a ? 1 : b ? 2 : c ? 3 : 4;
總之,在編寫代碼時,應(yīng)養(yǎng)成使用分號結(jié)束句子的良好習(xí)慣,凡是完整的句子就應(yīng)該使用分號進(jìn)行分隔。分行顯示的句子應(yīng)該確保單行不容易形成獨(dú)立的合法的邏輯語義
PS:示例詳解javascript自動在行尾添加分號
分號(;),通常會用在一行語句的結(jié)尾,代碼如下:
var webName = "腳本之家"; var url = chabaoo.cn;
上面的代碼,在每一個聲明語句后面都添加了分號,這不用多解釋。
var webName = "腳本之家" var url = chabaoo.cn
其實(shí)分號也完全可以省略,但是省略的這個分號,會在編譯階段自動為其添加分號。
再來看一段代碼實(shí)例:
function done(webName){ return webName } console.log(done("腳本之家"));
由于編譯器會在每一行后面都自動添加了分號,所以輸出值undefined,不是"腳本之家"。
相關(guān)文章
BootStrap實(shí)現(xiàn)郵件列表的分頁和模態(tài)框添加郵件的功能
這篇文章主要介紹了bootstrap分頁,模態(tài)框,實(shí)現(xiàn)郵件列表的分頁,和模態(tài)框添加郵件的功能的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-10-10ionic2屏幕適配實(shí)現(xiàn)適配手機(jī)、平板等設(shè)備的示例代碼
本篇文章主要介紹了ionic2屏幕適配實(shí)現(xiàn)適配手機(jī)、平板等設(shè)備的示例代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-08-08js學(xué)習(xí)總結(jié)_基于數(shù)據(jù)類型檢測的四種方式(必看)
下面小編就為大家?guī)硪黄猨s學(xué)習(xí)總結(jié)_基于數(shù)據(jù)類型檢測的四種方式(必看)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07ES6?數(shù)組some()和every()的使用及說明
這篇文章主要介紹了ES6?數(shù)組some()和every()的使用及說明,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-01-01uniapp幾行代碼解決滾動穿透問題(項目實(shí)戰(zhàn))
這篇文章主要介紹了uniapp幾行代碼解決滾動穿透問題,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-01-01關(guān)于JS中的apply,call,bind的深入解析
下面小編就為大家?guī)硪黄P(guān)于JS中的apply,call,bind的深入解析。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-04-04