如何防止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影片教學!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

JavaScript的最新趨勢包括TypeScript的崛起、現代框架和庫的流行以及WebAssembly的應用。未來前景涵蓋更強大的類型系統、服務器端JavaScript的發展、人工智能和機器學習的擴展以及物聯網和邊緣計算的潛力。

不同JavaScript引擎在解析和執行JavaScript代碼時,效果會有所不同,因為每個引擎的實現原理和優化策略各有差異。 1.詞法分析:將源碼轉換為詞法單元。 2.語法分析:生成抽象語法樹。 3.優化和編譯:通過JIT編譯器生成機器碼。 4.執行:運行機器碼。 V8引擎通過即時編譯和隱藏類優化,SpiderMonkey使用類型推斷系統,導致在相同代碼上的性能表現不同。

Python更適合初學者,學習曲線平緩,語法簡潔;JavaScript適合前端開發,學習曲線較陡,語法靈活。 1.Python語法直觀,適用於數據科學和後端開發。 2.JavaScript靈活,廣泛用於前端和服務器端編程。

JavaScript是現代Web開發的核心語言,因其多樣性和靈活性而廣泛應用。 1)前端開發:通過DOM操作和現代框架(如React、Vue.js、Angular)構建動態網頁和單頁面應用。 2)服務器端開發:Node.js利用非阻塞I/O模型處理高並發和實時應用。 3)移動和桌面應用開發:通過ReactNative和Electron實現跨平台開發,提高開發效率。

本文展示了與許可證確保的後端的前端集成,並使用Next.js構建功能性Edtech SaaS應用程序。 前端獲取用戶權限以控制UI的可見性並確保API要求遵守角色庫

我使用您的日常技術工具構建了功能性的多租戶SaaS應用程序(一個Edtech應用程序),您可以做同樣的事情。 首先,什麼是多租戶SaaS應用程序? 多租戶SaaS應用程序可讓您從唱歌中為多個客戶提供服務

從C/C 轉向JavaScript需要適應動態類型、垃圾回收和異步編程等特點。 1)C/C 是靜態類型語言,需手動管理內存,而JavaScript是動態類型,垃圾回收自動處理。 2)C/C 需編譯成機器碼,JavaScript則為解釋型語言。 3)JavaScript引入閉包、原型鍊和Promise等概念,增強了靈活性和異步編程能力。

JavaScript在Web開發中的主要用途包括客戶端交互、表單驗證和異步通信。 1)通過DOM操作實現動態內容更新和用戶交互;2)在用戶提交數據前進行客戶端驗證,提高用戶體驗;3)通過AJAX技術實現與服務器的無刷新通信。
