您好,登錄后才能下訂單哦!
本篇內(nèi)容介紹了“JavaScript中增加代碼可讀性的方法有哪些”的有關(guān)知識(shí),在實(shí)際案例的操作過(guò)程中,不少人都會(huì)遇到這樣的困境,接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
1. 強(qiáng)類(lèi)型檢查
用===代替 ==
2. 變量
用知名其意的方式為變量命名,通過(guò)這種方式,當(dāng)再次看到變量名時(shí),就能大概理解其中的用意
不要在變量名中添加額外的不需要的單詞
不要簡(jiǎn)寫(xiě)變量上下文
不要添加不必要的上下文。
3. 函數(shù)
使用長(zhǎng)而具有描述性的名稱(chēng),考慮到函數(shù)表示某種行為,函數(shù)名稱(chēng)應(yīng)該是動(dòng)詞或短語(yǔ),用以說(shuō)明其背后的意圖以及參數(shù)的意圖。 函數(shù)的名字應(yīng)該說(shuō)明他們做了什么。
避免使用大量參數(shù),理想情況下,函數(shù)應(yīng)該指定兩個(gè)或更少的參數(shù)。 參數(shù)越少,測(cè)試函數(shù)就越容易,參數(shù)多的情況可以使用對(duì)象。
使用默認(rèn)參數(shù)替代 || 操作
一個(gè)函數(shù)應(yīng)該只做一件事,不要在一個(gè)函數(shù)中執(zhí)行多個(gè)操作
使用Object.assign設(shè)置對(duì)象默認(rèn)值
不要使用標(biāo)志作為參數(shù),因?yàn)樗鼈兏嬖V函數(shù)做的比它應(yīng)該做的多
不要污染全局變量,如果需要擴(kuò)展現(xiàn)有對(duì)象,請(qǐng)使用ES6類(lèi)和繼承,而不是在原生對(duì)象的原型鏈上創(chuàng)建函數(shù)
4. 條件
避免使用反面條件
使用條件簡(jiǎn)寫(xiě),僅對(duì)布爾值使用此方法,并且如果確信該值不會(huì)是undefined 或null的,則使用此方法
盡可能避免條件句,而是使用多態(tài)性和繼承
5. 類(lèi)
class 是 JS 中新的語(yǔ)法糖,工作方式就像以前的原型但比原型的方式更簡(jiǎn)單易懂
使用鏈接,許多庫(kù)(如jQuery和Lodash)都使用這種模式。在類(lèi)中,只需在每個(gè)函數(shù)的末尾返回this就可以將更多的該類(lèi)方法鏈接到它上。
“JavaScript中增加代碼可讀性的方法有哪些”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。