成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

避免的常見JavaScript錯(cuò)誤的9個(gè)編碼指南

開發(fā) 前端
有一些非常常見的編程錯(cuò)誤是我們要避免的,以保持代碼的干凈和可讀性。在本文中,我將研究它們以及如何避免它們。

 有一些非常常見的編程錯(cuò)誤是我們要避免的,以保持代碼的干凈和可讀性。

[[327097]]

在本文中,我將研究它們以及如何避免它們。

一個(gè)函數(shù)中的東西太多

一個(gè)函數(shù)應(yīng)該只做一件事,這就是它自己所指示的。

如果有其他的東西,那么它應(yīng)該被移動(dòng)到它自己的函數(shù)中,在一個(gè)函數(shù)中有太多的東西會(huì)使閱讀和理解變得困難。

例如,如果有一個(gè)既可以計(jì)算小計(jì)又可以計(jì)算稅款的函數(shù),則由于它們是不同的,因此應(yīng)將其分為兩個(gè)單獨(dú)的函數(shù)。

注釋掉的代碼

注釋掉的代碼是不能運(yùn)行的代碼。因此,在我們完成代碼的這一部分之后,它們不應(yīng)該出現(xiàn)。

完成后,我們應(yīng)該刪除已注釋掉或取消注釋。

無(wú)論哪種方式,最終產(chǎn)品都不應(yīng)在其中注釋掉代碼。

非描述性的變量名

以不傳達(dá)其含義的方式命名變量,一旦我們忘記了自己寫的那段代碼,再回來(lái)看,就會(huì)讓讀者和我們自己感到沮喪。

因此,我們應(yīng)該使用描述變量名稱的變量來(lái)命名變量。

不要寫成 let x;,而是寫成像 let numApples 這樣的東西,這樣我們就知道我們的變量將持有蘋果的數(shù)量。

魔法數(shù)字和字符串

我們不應(yīng)該有魔術(shù)數(shù)字和字符串。這些值出現(xiàn)在多個(gè)值中,表示相同的東西,但在代碼中沒(méi)有明確解釋。

例如,如果我們有以下代碼:

 

  1. for (let i = 0; i < 10; i++) { 
  2.   ///... 

那我們不知道10代表什么。相反,我們應(yīng)該將其設(shè)置為命名常量,以便我們了解其含義。

例如,我們可以這樣寫:

 

  1. const numApples = 10; 
  2. for (let i = 0; i < numApples; i++) { 
  3.   ///... 

現(xiàn)在我們知道10實(shí)際上意味著蘋果的數(shù)量。

凌亂的代碼格式

 

凌亂的代碼格式化會(huì)使代碼難以閱讀,因此我們應(yīng)該使用lint或代碼格式化程序?qū)ζ溥M(jìn)行清理。

那里有很多選擇,因此我們可以使用Prettier或ESLint這樣的工具自動(dòng)進(jìn)行整理。

硬編碼值

我們不應(yīng)該把值硬編碼到我們的代碼中,特別是當(dāng)它們是私密的時(shí)候。相反,我們應(yīng)該把它們作為環(huán)境變量,并從那里讀取所有的值。

有很多方法可以做到這一點(diǎn)。例如,對(duì)于前端,Angular,React和Vue都有保留變量的位置,以將變量保存在不同文件中的不同環(huán)境中。

對(duì)于后端,我們可以使用諸如 dotenv 包之類的東西從 .env 文件中讀取環(huán)境變量,這樣我們就不必對(duì)它們進(jìn)行硬編碼。

重復(fù)代碼

重復(fù)的代碼是不好的。如果我們改變一些重復(fù)的東西,就必須在所有重復(fù)的地方都要改變它們。

相反,我們應(yīng)該將公共部分移動(dòng)到它們自己的文件中,以便可以在多個(gè)地方使用它們。

不重復(fù)使用(DRY)原則適用于所有地方。如果我們完全照原樣復(fù)制和粘貼并使用它們,則應(yīng)將其移動(dòng)到共享位置。

不備份代碼

我們應(yīng)該使用Git管理代碼,以便我們可以為我們的代碼提供本地和遠(yuǎn)程存儲(chǔ)庫(kù)。

這樣,我們可以自動(dòng)將一個(gè)副本保留在遠(yuǎn)程位置。同樣,我們可以輕松地還原錯(cuò)誤代碼,并輕松地從較早的提交中獲取代碼。

沒(méi)有版本控制,我們無(wú)法做到這一點(diǎn)。

如果我們沒(méi)有備份代碼,那么如果出現(xiàn)問(wèn)題,我們可能會(huì)丟失所有內(nèi)容。

 

復(fù)雜代碼

應(yīng)該簡(jiǎn)化復(fù)雜的代碼,以便我們更容易理解它們。

我們還應(yīng)該將它們分解成較小的部分,以便我們可以重復(fù)使用某些內(nèi)容,并具有易于閱讀和測(cè)試的單個(gè)部分。

總結(jié)

這些常見的錯(cuò)誤,只要我們?cè)谧鍪虑榈臅r(shí)候注意點(diǎn),是很容易避免的。

將事物分解成小塊總是好的,就像保持事物簡(jiǎn)單而不重復(fù)一樣。

注釋掉了,沒(méi)有描述性的變量和值也應(yīng)該用更有意義的東西代替。

責(zé)任編輯:華軒 來(lái)源: 今日頭條
相關(guān)推薦

2020-10-09 09:44:25

JavaScript 開發(fā) 應(yīng)用

2020-01-30 18:00:18

編程語(yǔ)言軟件人工智能

2020-01-31 18:03:49

編碼開發(fā)代碼

2019-08-13 11:32:55

物聯(lián)網(wǎng)技術(shù)大數(shù)據(jù)

2023-05-11 09:06:50

錯(cuò)誤IT培訓(xùn)

2021-12-30 21:51:10

JavaScript開發(fā)內(nèi)存

2021-06-16 15:04:06

JavaScript內(nèi)存開發(fā)

2022-03-08 09:31:48

云配置云安全

2018-07-11 05:24:05

機(jī)器學(xué)習(xí)人工智能數(shù)據(jù)

2025-03-18 14:27:35

2023-05-06 10:50:41

IT培訓(xùn)IT團(tuán)隊(duì)

2023-07-14 14:25:00

Python語(yǔ)言錯(cuò)誤

2022-10-10 09:00:35

ReactJSX組件

2020-08-03 10:13:29

CIO項(xiàng)目管理技術(shù)

2020-05-19 10:14:01

容器容器安全

2019-11-04 05:37:52

SD-WAN軟件定義的廣域網(wǎng)網(wǎng)絡(luò)

2020-03-02 08:35:05

物聯(lián)網(wǎng)實(shí)施物聯(lián)網(wǎng)IOT

2018-08-06 22:06:06

云遷移云端云計(jì)算

2013-09-02 13:21:35

2009-01-27 17:24:00

服務(wù)器數(shù)據(jù)虛擬化缺點(diǎn)
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)

主站蜘蛛池模板: 久久久久久久一区 | 超碰婷婷| 欧美日韩午夜精品 | 成人亚洲视频 | 中文在线а√在线8 | 国产福利资源在线 | 欧美一级α片 | 人人艹人人爽 | 亚洲色图综合网 | 亚洲精品视频在线观看免费 | 精品久久久久久久久久久久久久 | 99视频免费在线 | 九九九视频精品 | 国产日韩精品久久 | 久久综合久 | 日韩精品亚洲专区在线观看 | 日韩三级在线 | 羞羞的视频网站 | 97视频在线免费 | 亚洲在线一区二区 | 国产精品91视频 | 神马久久久久久久久久 | 黄色综合 | 色免费在线视频 | 欧美亚洲视频 | 国产高清视频在线观看 | 毛片久久久 | 日韩国产一区二区三区 | 久久久久久久国产 | 国产美女在线观看 | 中文在线一区二区 | 精品久久精品 | 天天躁人人躁人人躁狂躁 | 在线成人福利 | 欧美一级在线观看 | 精品国产一区二区三区性色av | 日韩免费三级 | 精品一区二区三区四区在线 | 九九综合九九 | 操视频网站| 日韩精品在线看 |