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













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





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