今天小新就給大家分享一些提高編碼能力的應(yīng)用方法。 學(xué)習(xí)并運(yùn)用到實(shí)踐中，你也能成為一名熟練的編碼工人~

編輯

目前，編輯器種類繁多，人們不知道該選擇哪種編輯器來提高工作效率。

對(duì)我來說，除了 iOS 使用或使用 Xcode 所需的代碼之外，我大多只使用 Code。

這是由 開發(fā)的編輯器。 這是開發(fā)出來的，聽起來很棒！ ！ ！ 支持幾乎所有語言，無數(shù)的附加插件，AI代碼建議，漂亮的界面和淺色方案（不是文本，但......仍然是淺色）

以前我只是使用Text（當(dāng)時(shí)不流行）。 大量的插件（下面討論）為我節(jié)省了很多時(shí)間，比如自動(dòng)檢測和修復(fù)錯(cuò)誤、格式化代碼、git Lens、終端等等……，因?yàn)椴辉傩枰鉀Q常見的小錯(cuò)誤，而編碼。

如果您編寫 PHP，您一定會(huì)喜歡它。 如果你寫它，你一定會(huì)喜歡它。 不用說，這些編輯器功能強(qiáng)大，但是它們只支持一種語言。 我是一名全棧開發(fā)人員，有 HTML、PHP、React 經(jīng)驗(yàn)……我使用它是因?yàn)樗浅?qiáng)大，支持很多插件，尤其是自動(dòng)完成功能非常好。

一見鐘情

語法錯(cuò)誤是我花費(fèi)最多時(shí)間，也是最讓我沮喪的地方，諸如未聲明的變量/函數(shù)、空指針、缺少重音符號(hào)之類的錯(cuò)誤......隨著代碼變得越來越大，必須一次讀取十個(gè)文件很容易讓你的眼睛疲勞，頭腦混亂，敲下每一行代碼時(shí)雙手顫抖，很容易粗心出錯(cuò)。

使用時(shí)sublime text 3 js代碼格式化，這個(gè)插件可以幫助查找錯(cuò)誤，檢查代碼的語法和格式，從而減少編碼漏洞，并使代碼在按照當(dāng)前標(biāo)準(zhǔn)格式化時(shí)看起來更好。還支持許多其他大佬：React、Vue等。

尤其是與 和 結(jié)合使用時(shí)，組合堪稱完美。 可以立即檢查代碼輸入是否有錯(cuò)誤或語法問題，并提供有關(guān)如何使用函數(shù)和變量以獲得最佳結(jié)果的建議。 還有自動(dòng)格式化代碼，您一定會(huì)喜歡的。

此外，您還可以使用它來格式化代碼，但我更喜歡它，因?yàn)樗С皱e(cuò)誤檢測并提供最佳的代碼建議。

最佳目錄結(jié)構(gòu)

我最近開始“接受”并告訴自己一件事：

不要從一開始就嘗試優(yōu)化您的項(xiàng)目結(jié)構(gòu)

過去，當(dāng)我開始做一個(gè)項(xiàng)目時(shí)，無論大小，我總是花很多時(shí)間選擇最好的項(xiàng)目結(jié)構(gòu)。 我在谷歌上查看了各種“文件夾結(jié)構(gòu)的最佳實(shí)踐”，“代碼結(jié)構(gòu)......”，但仍然想知道這個(gè)結(jié)構(gòu)是否是最佳的，我應(yīng)該選擇這個(gè)編碼框架嗎？ 這是非常耗時(shí)的。

我還意識(shí)到，雖然我一開始嘗試使用原本很好的結(jié)構(gòu)，但幾天后代碼變得一團(tuán)糟。 因?yàn)槲业南到y(tǒng)思維不好，一開始不管代碼寫得多么漂亮，最后卻出了問題。

從一開始就不要過多考慮選擇哪種架構(gòu)以及如何組織它。 選擇一個(gè)方向或者一個(gè)庫或者一個(gè)框架，然后開始研究它，邊走邊改進(jìn)，這樣會(huì)更好、更實(shí)用。

如果你對(duì)結(jié)構(gòu)良好的項(xiàng)目感興趣，我將分享一個(gè)名為 的框架，我閱讀了很多相關(guān)文檔sublime text 3 js代碼格式化，發(fā)現(xiàn)他們的架構(gòu)非常好（非常相似，雖然我不太喜歡它）

當(dāng)您認(rèn)為代碼“損壞”時(shí)使用 .log

我很確定 .log 是我在寫作時(shí)最常用的。 這個(gè)主要目的是看看感興趣的數(shù)據(jù)是否真實(shí)。

我個(gè)人認(rèn)為，無論您使用什么語言，編程都離不開數(shù)據(jù)，因此，如果您看到任何可能不正確的令人不安的代碼，您應(yīng)該使用 .log 來確認(rèn)它。

也有很多人認(rèn)為調(diào)試器應(yīng)該看起來更專業(yè)。 還支持將 Debug 放在代碼行中以便更好地理解。 其實(shí)這對(duì)我個(gè)人來說沒有必要，.log也會(huì)注意到代碼中的哪一行，使用.log會(huì)更方便更快。 我還在 上發(fā)現(xiàn)了一些世界著名的編碼專家仍然使用 .log

還應(yīng)該注意的是，一旦 .log 完成，請(qǐng)?jiān)趧h除它之前檢查所有內(nèi)容，不要將其放在 git 上。 這可能會(huì)令人沮喪，并且會(huì)讓你的眼睛受傷（就像我一樣）

審查

在編碼過程中，很多時(shí)候需要冗長而復(fù)雜的代碼。 人們擔(dān)心，當(dāng)很久以后再次閱讀代碼時(shí)，他們可能不知道代碼是做什么的。 或者懷著一顆人道主義的心，希望以后讀到這段代碼的人能夠明白這段代碼的作用。

就我個(gè)人而言，我發(fā)現(xiàn)撰寫評(píng)論確實(shí)很有幫助，特別是當(dāng)有很多人參與該項(xiàng)目時(shí)。 而且，我們不想每次遇到不懂的地方都要去問寫代碼的朋友，而這個(gè)朋友還忙著修復(fù)測試人員布置的很多Bug。 而如果代碼本身可以被解釋，那么后來看到代碼的人就可以立即弄清楚并節(jié)省時(shí)間。

但評(píng)論也必須看起來相當(dāng)舒適。 沒有必要對(duì)所有事情都發(fā)表評(píng)論。 這有時(shí)會(huì)使代碼難以閱讀并且眼睛會(huì)非常不舒服。

在編寫代碼時(shí)，我選擇易于理解且不會(huì)淹沒長類/函數(shù)的變量/函數(shù)名稱。 相反，我會(huì)將其分成更小的類/函數(shù)（但不要太多，它必須合理并且不會(huì)再次讓眼睛感到痛苦）。 需要時(shí)發(fā)表評(píng)論并練習(xí)編寫代碼，以便它“自我解釋”。 只要閱讀它就知道它的作用。

使用ES6、7、8、9標(biāo)準(zhǔn)

它是一種快速發(fā)展的語言，并且添加了許多強(qiáng)大的功能/庫。 據(jù)我所知，每年人們都會(huì)發(fā)布一個(gè)標(biāo)準(zhǔn)，稱為ES。 這些標(biāo)準(zhǔn)中的每一個(gè)都包含內(nèi)置的新功能。

·2015年6（ES6）

·2016年7（ES7）

·2015年8（ES8）

·2015年9（ES9）

·2015年10期（ES10）

·……。

所以如果你利用 ECMA 的強(qiáng)大功能，你的代碼會(huì)比僅僅使用傳統(tǒng)的 for 和 if、while 循環(huán)看起來更好、更優(yōu)化、看起來更酷（就像本文的作者很可愛一樣）

以下是我在編碼時(shí)最常用的一些函數(shù)/運(yùn)算符：

跳過 / 直接進(jìn)入 Async/Await

/

編碼的缺點(diǎn)是我們必須大量使用API??。 當(dāng)后端或第三方調(diào)用API獲取數(shù)據(jù)并展示時(shí)，需要進(jìn)行以下操作：

如果您只想在成功檢索用戶列表后調(diào)用另一個(gè) API，通常會(huì)執(zhí)行以下操作：

當(dāng)您想要按順序調(diào)用一系列 API 時(shí)，就會(huì)發(fā)生不好的事情。 隨著項(xiàng)目規(guī)模不斷擴(kuò)大并處理日益復(fù)雜的請(qǐng)求，您將看到以下內(nèi)容：

異步/等待是救星

自 ES6（2015）以來，引入了 async/await 作為處理異步操作的替代方法。 async/await 的美妙之處在于，它有助于編寫看起來同步的異步代碼，并且代碼逐行運(yùn)行，看起來非常整潔。

上面的代碼可以使用async/await重寫：

有一些注意事項(xiàng)：

·await總是出現(xiàn)在async之后

·使用try/catch捕獲異步函數(shù)中的錯(cuò)誤處理操作

·await 的本質(zhì)是等待返回值，因此使用過多的await 有時(shí)會(huì)減慢應(yīng)用程序的速度。

使用 async/await 而不是常規(guī)/的另一個(gè)好處是可以使用 try/catch 捕獲 async/await 錯(cuò)誤。 還可以找到 try/ 中的所有其他錯(cuò)誤，而不僅僅是 async/await

用于提高代碼質(zhì)量

故事開始了……

我的第一個(gè)編程語言是 C，然后是 Java。 這些語言功能強(qiáng)大，需要極其嚴(yán)格的代碼，需要數(shù)據(jù)類型（字符串、布爾值……）或訪問規(guī)范（公共、私有、受保護(hù)……）的清晰完整的定義。 那天我真的厭倦了運(yùn)行代碼，因?yàn)槲也恢浪枪驳倪€是私有的以及數(shù)據(jù)類型是什么，所以我一直運(yùn)行直到報(bào)告錯(cuò)誤。

之后，開始使用（或 PHP，就此而言），無論數(shù)據(jù)類型如何，它都會(huì)大大簡化。 只需聲明要使用的變量：

設(shè) x =

test ='這是一個(gè)測試'

常量 arr = [1,2,3,4,5]

這也是我一開始就喜歡JS的原因之一，因?yàn)檎Z法很“自由”，沒有那么混亂，而且代碼看起來干凈漂亮。 但生活并不像夢(mèng)一樣。 漸漸地，我意識(shí)到，當(dāng)一個(gè)項(xiàng)目有很多人寫代碼時(shí)，代碼就會(huì)被重新閱讀。 真的很困惑。 由于我不知道這個(gè)變量是什么，函數(shù)會(huì)返回什么類型的數(shù)據(jù)？ ……

const?var1?=?db.column1const?var2?=?db.column2const?var3?=?db.column3const?var4?=?db.column4

怎么辦？ ？ 當(dāng)然，使用.log

const?var1?=?db.column1console.log（var1）//->stringconst?var2?=?db.column2console.log（var2）//->boolean（true?/?false）const?var3?=?db.column3console.log（var3）//-?>?numberconst?var4?=?db.column4console.log（var4）//->array

這只是浪費(fèi)時(shí)間，我以后不太可能再次閱讀代碼，而且代碼的新讀者也不會(huì)理解它。 那么，我或其他讀者必須做幾十個(gè).log語句才能理解，這段代碼是做什么的？

解決了這個(gè)問題

在我看來，它是“升級(jí)版”。 現(xiàn)在，代碼將具有明確定義的類型（字符串、布爾值、數(shù)字等）、可訪問的訪問函數(shù)（公共、私有）……以及許多其他內(nèi)容。 您編寫的代碼將被編譯為正常，因此可以照常運(yùn)行，不需要專門的腳本或其他任何東西。 看一些例子：

我兩年前聽說過，但仍然不喜歡它，不想使用它，因?yàn)槲抑皇窍矚g自由的性愛。有時(shí)我想嘗試一下，但我的眼睛非常敏感，每次使用都會(huì)變得更敏感看到一些凌亂的東西

但不久前我決定切換，因?yàn)槲以陂喿x舊代碼或其他人的代碼時(shí)遇到了我提到的頭痛。 此外，開發(fā)者社區(qū)傾向于使用它并對(duì)其進(jìn)行良好的審查。

目前，它受到開發(fā)人員的歡迎。 庫或框架（React 或 Vue）側(cè)重于支持。 對(duì)于那些不知道的人：Vue 3 絕對(duì)是 100% 重寫。 同時(shí)，對(duì)于開發(fā)人員來說，您不必?fù)?dān)心質(zhì)量和支持問題。

CI/CD 代碼->測試->部署

自動(dòng)化測試

聽我說，你正在進(jìn)行的項(xiàng)目遲早會(huì)失敗。 應(yīng)對(duì)的最好辦法就是邊走邊改進(jìn)，總是花20%的時(shí)間來改進(jìn)。 唯一可以確定的方法是在不產(chǎn)生錯(cuò)誤（或最少錯(cuò)誤）的情況下進(jìn)行改進(jìn)，或者編寫測試。

請(qǐng)注意，您甚至可以在編碼之前編寫測試（Head First Java 推薦這種方法）

CI/CD——持續(xù)測試和部署

CI/CD（持續(xù)集成/持續(xù)集成）是當(dāng)今的趨勢，這種方法有助于自動(dòng)、持續(xù)地編寫代碼、測試和部署。

事實(shí)上，幾乎所有 CI/CD 工具都集成到 . 所以不用擔(dān)心，你需要做的就是設(shè)置好然后推送代碼。 平臺(tái)（,,）負(fù)責(zé)剩下的事情。

我希望您在閱讀本文后能夠?qū)W習(xí)并找到提高編碼技能的方法。

-END-

如有侵權(quán)請(qǐng)聯(lián)系刪除！