JS代碼自動排版工具是一個幫助程序源來規(guī)范代碼的實用工具,這樣子寫出的程序源代碼更加美觀,也方便之后查看。
我們都知道javascript使用function來管理自己的作用域,一個定義在函數(shù)內(nèi)的變量對外是不可見的,這有點類似于其它語言里的私有變量。對于javascript的執(zhí)行環(huán)境來說一般都有一個全局變量,在所有的函數(shù)外可以用this來指引,例如在瀏覽器端是window。但是當過多的在全局執(zhí)行環(huán)境下定義變量會造成各種苦逼的事情,比方說你定義的變量被其他人定義的同名變量覆蓋掉,或者你未來定義的變量把你過去定義的同名變量也覆蓋掉,而且過多的全局變量放在執(zhí)行對戰(zhàn)里還會造成內(nèi)存的浪費等等不優(yōu)化的情況發(fā)生。
js代碼編寫規(guī)范
1.嵌入規(guī)則
Javascript程序應該盡量放在.js的文件中,需要調(diào)用的時候在頁面中以<script src="filename.js">的形式包含進來。Javascript代碼若不是該頁面專用的,則應盡量避免在頁面中直接編寫Javascript代碼。
2.對齊縮進與換行
a) 縮進
在同一系統(tǒng)中應采用同一種縮進標準,本文提倡縮進大小為4個空格。各編譯器對Tab鍵所代替的空白大小定義不同。建議在設置開發(fā)環(huán)境時,將編輯器里的Tab快捷鍵重新設置成4個空格。多數(shù)編譯器提供了此功能。否則建議按4次空格來進行縮進。
b) 換行
在以下位置必須換行:
每個獨立語句結(jié)束后;
if、else、catch、finally、while等關(guān)鍵字前;
運算符處換行時,運算符必須在新行的行首。
對于因為單行長度超過限制時產(chǎn)生的換行,參考行長度中的策略進行分隔。
1).字符串過長截斷
每行代碼應小于80個字符。若代碼較長應盡量換行,換行應選擇在操作符和標點符號之后,最好是在分號“;”或逗號“,”之后。下一行代碼相對上一行縮進4個空格。這樣可以有效防止復制粘貼引起的代碼缺失等錯誤并增強可讀性。
按一定長度截斷字符串,并使用+運算符進行連接。分隔字符串盡量按語義進行,如不要在一個完整的名詞中間斷開。特別的,對于HTML片段的拼接,通過縮進,保持和HTML相同的結(jié)構(gòu):
也可使用數(shù)組來進行拼接,相對+運算更容易調(diào)整縮進:
2).三元運算符過長
三元運算符由3部分組成,因此其換行應當根據(jù)每個部分的長度不同,形成3種不同的情況:
不得出現(xiàn)以下情況:
3).過長的邏輯條件組合
當因為較復雜的邏輯條件組合導致80個字符無法滿足需求時,應當將每個條件獨立一行,邏輯運算符放置在行首進行分隔,或?qū)⒉糠诌壿嫲催壿嫿M合進行分隔。最終將右括號)與左大括號{放在獨立一行,保證與if內(nèi)語句塊能容易視覺辨識。如:
4).過長的JSON和數(shù)組
如果對象屬性較多導致每個屬性一行占用空間過大,可以按語義或邏輯進行分組的組織,如:
通過5個一組的分組,將每一行控制在合理的范圍內(nèi),并且按邏輯進行了切分。 對于項目較多的數(shù)組,也可以采用相同的方法,如:
- PC官方版
- 安卓官方手機版
- IOS官方手機版













xara3d5(3D文字制作工具)5.02 綠色版
雨滴ESO優(yōu)化軟件1.2 官方版
小說角色更名器軟件1.0.0 綠色免費版
守柔拼音居士改良版3.0 免費版
鼠標右鍵增加新建python軟件1.0 綠色版
少爺seo偽原創(chuàng)工具1.0破解版
捷宇智匯星成冊掃描儀軟件1.18 廠家最新版
掛載字體軟件1.0 綠色版
小螞蟻微信編輯器2020中秋國慶3.2 最新版
EditPlus官方版(附激活教程)5.3.3252綠色漢化版
PenMail(電子親筆信)2.22 中文綠色版
GoHide完美破解版4.43 最新漢化版
Capture2Text圖片文字識別工具4.6.2 免費專業(yè)版
子辰記事本軟件1.0 綠色版
論文潛搜對比器1.0 免費版
天若段落排版軟件1.0 綠色免費版
文字內(nèi)容對比器免費版
Hve Notes(靜態(tài)博客寫作)0.7.5免費版
iA Writer(跨平臺寫作)1.0.4 免費版
引文小助手1.0.0.1 免費版
原創(chuàng)文章篩選器v1.5.6.0 免費版
ifonts字體助手客戶端2.4.0 最新版
文字轉(zhuǎn)語音全能王V9.9 官方版
碼字貓軟件1.1.4 官方綠色版
隨手寫FiiNote1.5.5.7 官方pc版





何定坤文本搜索軟件1.2 綠色最新版 【2015批
用戶名生成器(隨機用戶名)1.0 綠色免費版
135編輯器(微信排版編輯器)2.0.0官網(wǎng)最新版
Epson Perfection V19/V39 CopyUtility 應用
pdf合并軟件免費下載(AxpertSoft Pdf Merge
秀米編輯器2.0 【微信編輯器】官方最新版
漢王電子記事本軟件6.21 官方版
文本轉(zhuǎn)圖片Pdg2Pic4.04 中文綠色版
AkelPad文檔編輯軟件4.9.5 綠色純凈版
快捷輸入快速截圖(多文本剪貼)1.2 綠色版