如何防止JavaScript自動(dòng)插入分號
在 JavaScript 中,行尾的分號有一種自動(dòng)插入機(jī)制,這樣子,可以容忍某些朋友忽略了輸入分號。 當(dāng)然你最好養(yǎng)成輸入分號的習(xí)慣,同時(shí)掌握 JavaScript 是如何處理忽略輸入分號的情況的,因?yàn)檫@種知識(shí)有助于你理解沒有分號的代碼。
JavaScript語言有一個(gè)機(jī)制:在解析時(shí),能夠在一句話后面自動(dòng)插入一個(gè)分號,用來修改語句末尾遺漏的分號分隔符。然而,由于這個(gè)自動(dòng)插入的分號與JavaScript語言的另一個(gè)機(jī)制發(fā)生了沖突,即所有空格符都被忽略,因此程序可以利用空格格式化代碼。
這兩種機(jī)制的沖突,很容易掩蓋更為嚴(yán)重的解析錯(cuò)誤。有時(shí)會(huì)不合時(shí)宜地插入分號。例如,在return語句中自動(dòng)插入分號將會(huì)導(dǎo)致這樣的后果:如果return語句要返回一個(gè)值,這個(gè)值的表達(dá)式的開始部分必須和return在同一行上,例如:
var f = function(){
return
{
status: true
};
}
看起來這里要返回一個(gè)包含status成員元素的對象。不幸的是,JavaScript自動(dòng)插入分號讓它返回了undefined,從而導(dǎo)致下面真正要返回的對象被忽略。
當(dāng)自動(dòng)插入分號導(dǎo)致程序被誤解時(shí),并不會(huì)有任何警告提醒。如果把{放在上一行的尾部而不是下一行的頭部,就可以避免該問題,例如:
var f = function(){
return {
status: true
};
}
為了避免省略分號引起的錯(cuò)誤,建議養(yǎng)成好的習(xí)慣,不管一行內(nèi)語句是否完整,只要是完整的語句都必須增加分號以表示句子結(jié)束。
為了方便閱讀,當(dāng)長句子需要分行顯示時(shí),在分行時(shí)應(yīng)確保一行內(nèi)不能形成完整的邏輯語義。例如,下面代碼是一條連續(xù)賦值的語句,通過分行顯示可以更清楚地查看它們的關(guān)系。這種分行顯示,由于一行內(nèi)不能形成獨(dú)立的邏輯語義,因此JavaScript不會(huì)把每一行視為獨(dú)立的句子,從而不會(huì)產(chǎn)生歧義。
var a = b = c = 4;
以上語句在一行內(nèi)顯示如下: var a = b = c = 4;
對于下面這條語句,如果不能正確分行顯示,就很容易產(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ú)立的邏輯語義,所以JavaScript會(huì)自動(dòng)在其后添加分號來表示一個(gè)獨(dú)立的句子。
var i = a ? 1: b ? 2 : c ? 3 : 4;
安全的方法應(yīng)該采用如下的分行顯示,這樣每一行都不能形成獨(dú)立的語義。
var i = a ? 1 : b ? 2 : c ? 3 : 4;
總之,在編寫代碼時(shí),應(yīng)養(yǎng)成使用分號結(jié)束句子的良好習(xí)慣,凡是完整的句子就應(yīng)該使用分號進(jìn)行分隔。分行顯示的句子應(yīng)該確保單行不容易形成獨(dú)立的合法的邏輯語義
PS:示例詳解javascript自動(dòng)在行尾添加分號
分號(;),通常會(huì)用在一行語句的結(jié)尾,代碼如下:
var webName = "腳本之家"; var url = www.dhdzp.com;
上面的代碼,在每一個(gè)聲明語句后面都添加了分號,這不用多解釋。
var webName = "腳本之家" var url = www.dhdzp.com
其實(shí)分號也完全可以省略,但是省略的這個(gè)分號,會(huì)在編譯階段自動(dòng)為其添加分號。
再來看一段代碼實(shí)例:
function done(webName){
return
webName
}
console.log(done("腳本之家"));
由于編譯器會(huì)在每一行后面都自動(dòng)添加了分號,所以輸出值undefined,不是"腳本之家"。
- JS正則驗(yàn)證多個(gè)郵箱完整實(shí)例【郵箱用分號隔開】
- 淺談javascript的分號的使用
- JavaScript 自動(dòng)分號插入(JavaScript synat:auto semicolon insertion)
- 關(guān)于JavaScript語句后面的分號問題
- JS 分號引起的一段調(diào)試問題
- js中關(guān)于一個(gè)分號的崩潰示例
- javascript 分號總結(jié)及詳細(xì)介紹
- 淺析Javascript的自動(dòng)分號插入(ASI)機(jī)制
- JavaScript中的分號插入機(jī)制詳細(xì)介紹
- JavaScript中分號的一些細(xì)節(jié)
相關(guān)文章
JS數(shù)組Reduce方法功能與用法實(shí)例詳解
這篇文章主要介紹了JS數(shù)組Reduce方法功能與用法,結(jié)合實(shí)例形式詳細(xì)分析了JS數(shù)組Reduce方法操作數(shù)組統(tǒng)計(jì)、去重等相關(guān)操作技巧,需要的朋友可以參考下2020-04-04
JavaScript面向?qū)ο笾叽蠡驹瓌t實(shí)例詳解
這篇文章主要介紹了JavaScript面向?qū)ο笾叽蠡驹瓌t,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript面向?qū)ο笃叽蠡驹瓌t,包括單一職責(zé)、開閉原則、里氏替換、依賴倒置、接口隔離、迪米特法則及組合/聚合復(fù)用原則,需要的朋友可以參考下2020-05-05
JavaScript數(shù)組排序reverse()和sort()方法詳解
這篇文章主要介紹了JavaScript數(shù)組排序reverse()和sort()方法詳解,需要的朋友可以參考下2017-12-12
微信小程序中如何實(shí)現(xiàn)動(dòng)態(tài)改變SVG顏色和尺寸
SVG可被非常多的工具讀取和修改SVG與JPEG和GIF圖像比起來,尺寸更小,且可壓縮性更強(qiáng),下面這篇文章主要給大家介紹了關(guān)于微信小程序中如何實(shí)現(xiàn)動(dòng)態(tài)改變SVG顏色和尺寸的相關(guān)資料,需要的朋友可以參考下2022-07-07
基于JavaScript實(shí)現(xiàn)TAB標(biāo)簽效果
js實(shí)現(xiàn)tab標(biāo)簽效果,在項(xiàng)目中經(jīng)常用到,今天抽點(diǎn)時(shí)間把我寫的js實(shí)現(xiàn)tab標(biāo)簽效果源碼分享給大家,對js tab標(biāo)簽代碼需要的朋友參考下2016-01-01
原生js操作checkbox用document.getElementById實(shí)現(xiàn)
js操作checkbox本人建議用document.getElementById(checkbox_id).checked不推薦使用jquery操作checkbox,感興趣的朋友不要錯(cuò)過2013-10-10
javascript中alert()與console.log()的區(qū)別
我們在做js調(diào)試的時(shí)候使用 alert 可以顯示信息,調(diào)試程序,alert 彈出窗口會(huì)中斷程序, 如果要在循環(huán)中顯示信息,手點(diǎn)擊關(guān)閉窗口都累死。而且 alert 顯示對象永遠(yuǎn)顯示為[object ]。 自己寫的 log 雖然可以顯示一些 object 信息,但很多功能支持都沒有 console 好2015-08-08
JavaScript實(shí)現(xiàn)QQ列表展開收縮擴(kuò)展功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)QQ列表展開收縮擴(kuò)展功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10

