JavaScript編碼風格

這種JavaScript編碼樣式是我每天使用JavaScript時使用的一組約定。這是一個實時文檔,我遵循的主要規則是

每種語言在語法方面都有一套規則。

剛開始時,有些人可能會在不違反語言規則的情況下將代碼添加到文件中,但是卻不注意編程風格

不是因為他們不在乎樣式,他們沒有足夠的經驗來認識樣式的重要性。

我真的相信編程是一種技巧。就像繪畫,木雕工藝品或涉及創造力的任何事物一樣,我們的程序可以做很多事情,但是應該以風格來做。

我們有一些適用於所有編程語言的規則。

編碼風格是與您自己和您的團隊達成協議,以保持項目的一致性。

如果您沒有團隊,那就是與你達成協議,以始終使您的代碼符合標準。

在您的代碼編寫格式上製定固定的規則將對您產生很大的幫助。更具可讀性和託管性的代碼

他們周圍有很多,這是世界上最常見的2種JavaScript世界:

您可以遵循其中之一,也可以創建自己的樣式指南。

與您從事的項目保持一致

即使您喜歡一組樣式,在處理項目時,也應使用該項目樣式。

GitHub上的一個開源項目可能遵循一組規則,您與團隊一起工作的另一個項目可能遵循一個完全不同的規則。

更漂亮是一個很棒的工具,可以強制使用代碼格式,請使用它。

我自己的喜好

我對JavaScript風格的看法是:

始終使用最新的ES版本。如果需要舊的瀏覽器支持,請使用Babel。

縮進:使用空格而不是製表符,縮進使用2個空格。

分號:不要使用分號。

線長:如果可能的話,嘗試以80個字符分割線。

內聯評論:在代碼中使用內聯註釋。僅使用塊註釋來記錄文檔。

沒有無效代碼:不要留下舊代碼的註釋,以防萬一,以後會有用。現在只保留您需要的代碼,版本控制/便箋應用程序就是為此目的而設計的。

僅在有用時發表評論:請勿添加無助於理解代碼功能的註釋。如果代碼通過使用良好的變量和函數命名以及JSDoc函數註釋來進行自我解釋,請不要添加註釋。

變量聲明:始終聲明變量,以避免污染全局對象。永遠不要使用var。默認為const,只能使用let如果您重新分配變量。

功能:使用箭頭函數,除非您有特殊的原因要使用常規函數(例如在對象方法或構造函數中),原因是this作品。將它們聲明為const,並在可能的情況下使用隱式返回。

const test = (a, b) => a + b

const another = a => a + 2

隨意使用嵌套函數將輔助函數隱藏到代碼的其餘部分。

名字:函數名稱,變量名稱和方法名稱始終以小寫字母開頭(除非您將它們標識為私有,請參閱下文),並帶有駝峰式。僅構造函數和類名應以大寫開頭。如果使用要求特定約定的框架,請相應地更改您的習慣。文件名應全部小寫,單詞之間用逗號分隔-

特定於語句的格式和規則

如果

if (condition) {
  statements
}

if (condition) { statements } else { statements }

if (condition) { statements } else if (condition) { statements } else { statements }

為了

總是在初始化時初始化長度以緩存它,不要在條件中插入它。

避免使用for in除外與.hasOwnProperty()。更喜歡for of(看JavaScript循環

for (initialization; condition; update) {
  statements
}

儘管

while (condition) {
  statements
}

do {
  statements
} while (condition);

轉變

switch (expression) {
  case expression:
    statements
  default:
    statements
}

嘗試

try {
  statements
} catch (variable) {
  statements
}

try { statements } catch (variable) { statements } finally { statements }

空格:明智地使用空格以提高可讀性:在關鍵字後加一個空格,後跟一個(;二進制運算之前和之後(+-/*&&..);在for語句中,每次;分開陳述的每一部分;每次之後,

換行:使用換行符分隔執行邏輯相關操作的代碼塊。

引號贊成單引號'而不是雙引號"。雙引號是HTML屬性中的標準,因此使用單引號有助於消除處理HTML字符串時的問題。使用模板文字適當時代替變量插值。

免費下載我的JavaScript初學者手冊


更多js教程: