周五晚上有 bug。好可怕的夢(mèng)。

不，這不是夢(mèng)。它有可能發(fā)生。事實(shí)上，這種情況經(jīng)常發(fā)生，以至于您開始懷疑自己和團(tuán)隊(duì)的技能。

順便問一下，如何才能最小化錯(cuò)誤？

我設(shè)計(jì)了一個(gè)框架來拯救你——用于清潔代碼的CLEAN Framework。

C → 一致性為王。

使您的代碼保持一致。如果你問的話，這意味著什么？

當(dāng)您開始解決錯(cuò)誤時(shí)，您會(huì)看到變量名稱 x、y 和 z。你想知道那些到底是什么。你追溯它使用的所有地方，發(fā)現(xiàn)它是用來更新姓名、地址和電子郵件變量的?，F(xiàn)在，您正在咒罵自己為什么使用 x、y 和 z 而不是種族變量名稱，將寶貴的周五晚上浪費(fèi)在不可避免的錯(cuò)誤上。

那么，該怎么辦？

按照我的方式，遵循風(fēng)格指南。就像 Airbnb 或 Google 所做的那樣。我更喜歡愛彼迎。

Airbnb 風(fēng)格指南 - https://github.com/airbnb/javascript

Google 風(fēng)格指南 - https://google.github.io/styleguide/jsguide.html

L → 精益功能和模塊

現(xiàn)在就分解吧，你們！

想知道我建議分手是什么以及為什么？

好了，冷靜下來。我并不是說要在你面前打破鍵盤。我建議分解您編寫的更多擴(kuò)展函數(shù)，這些函數(shù)現(xiàn)在很難閱讀和理解正在發(fā)生的事情。將其分解，以便每個(gè)函數(shù)只做一件事并做好一件事——就像輔助函數(shù)一樣，幫助您的原始函數(shù)代碼。

小而集中的函數(shù)是可維護(hù)代碼的秘訣。

E → 高效優(yōu)化

速度是必要的，但不能以犧牲可讀性和無錯(cuò)誤代碼為代價(jià)。

我知道，我知道。你會(huì)說，隨著截止日期的臨近，我必須更快地完成該功能?，F(xiàn)在我會(huì)問你如何以與編寫原始代碼相同的閃電速度解決該錯(cuò)誤。

不容易。對(duì)嗎？

但是這是這個(gè)。從編寫您的功能開始。完成后，在將代碼提交審核之前，問問自己如何優(yōu)化代碼。我應(yīng)該使用 map 而不是 forEach 嗎？我應(yīng)該使用 for...of 循環(huán)而不是 for 循環(huán)嗎？

優(yōu)化的代碼就是快樂的代碼，快樂的代碼造就快樂的開發(fā)人員。

A → 古董代碼護(hù)理

遺留代碼很無聊，但實(shí)際上，它們是可行的古董。

有人花費(fèi)大量時(shí)間來理解需求并使其發(fā)揮作用。你是對(duì)的;有時(shí)，它不是最好的優(yōu)化和可讀代碼。但現(xiàn)在就由你來糾正了。如果時(shí)間允許，慢慢地、穩(wěn)步地重構(gòu)它。一步一腳印，保持原有特色。

尊重遺產(chǎn)，但不要害怕輕輕地將其推向未來。

N → 新功能采用

這就是ES6功能不斷添加的原因。

它們不僅僅是閃亮的新玩具；它們也是。它們是編寫更干凈、更高效的代碼的新超級(jí)力量。箭頭函數(shù)、解構(gòu)和模板文字是 JavaScript 的瑞士軍刀。我們不要忘記異步編程。 Promise 和 async/await 就像代碼的流量控制器，讓一切順利進(jìn)行，不會(huì)出現(xiàn)任何堆積。

現(xiàn)代功能使您的代碼更具表現(xiàn)力，讓您的生活更輕松。

獎(jiǎng)勵(lì)：測(cè)試、調(diào)試、重復(fù)

經(jīng)過良好測(cè)試的代碼庫才是快樂的代碼庫。

當(dāng)你去驗(yàn)血卻沒有發(fā)現(xiàn)任何重大問題時(shí)，你感覺如何？是的，如果你想象的話，代碼庫也會(huì)有同樣的感覺。事實(shí)上，如果代碼經(jīng)過充分測(cè)試，周五晚上出現(xiàn)錯(cuò)誤的可能性就會(huì)較小。

寫作測(cè)試是額外的獎(jiǎng)勵(lì)，但它是必須的。

記住，你已經(jīng)得到了這個(gè)！您已經(jīng)準(zhǔn)備好使用 CLEAN 框架（一致性、精益模塊、高效優(yōu)化、古董代碼維護(hù)和新功能采用）來應(yīng)對(duì)任何 JavaScript 挑戰(zhàn)?，F(xiàn)在就像 JavaScript 忍者一樣開始編碼吧！

如果您喜歡閱讀本文，請(qǐng)?jiān)?Twitter/X 上關(guān)注我以閱讀更多內(nèi)容。

以上是CLEAN 框架：編寫無錯(cuò)誤、可維護(hù)的 JavaScript 代碼的技術(shù)藍(lán)圖的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！