JavaScript 最佳實踐和標準

---

JavaScript 是一種流行的程式語言，廣泛用於構建 Web 應用程式。它是一種強大而靈活的語言，可用於建立各種應用程式，從簡單的指令碼到複雜的程式。一些編寫 JavaScript 程式碼的常見實踐 -

用名稱命名事物。這很容易，因為它們簡短易讀。

避免使用全域性變數。這些是程式中的通用變數。很難理解程式碼中發生了什麼。當代碼更改時，也會導致問題。

編碼風格很重要，這樣你的程式碼看起來井井有條。遵循特定的技術以確保所有內容看起來都一樣。

不要混合不同的技術。這可能會導致問題。在有意義的情況下使用快捷方式表示法。一次處理一項特定任務會讓您更容易。

避免過度巢狀。有一些方法可以使迴圈執行得更快。這意味著程式將在更短的時間內完成更多工作。

不要過多地訪問 DOM（文件物件模型）。如果要為網頁新增額外的功能，可以使用 JavaScript。它不會佔用頁面上的太多空間，因此您可以放心地新增更多內容。

之前取得巨大成就的人可以幫助我們實現目標。

具體的最佳實踐

無論何時想要在程式碼中使用區域性變數，都應首先宣告它。它讓計算機知道您在程式的這個特定位置使用此變數。

頂部的宣告很重要。它們顯示了文件的內容。

首先，我們需要設定一些變數。這將幫助我們記住我們在做什麼。

• 使用 const 宣告物件。

• const 陣列是一種只能儲存常量值的陣列型別。

• 不要使用物件的現有建構函式 new Object() 建立新物件。

• 不惜一切代價避免自動型別轉換。

• 使用嚴格相等 (===) 比較。

• 利用引數預設值。

• 使用預設值結束 Switch 語句。

• 不要使用數字、字串或布林值的複雜物件。

• 不要使用 eval。

• 考慮使用 let 和 const。

我們可以使用 let 關鍵字定義具有其塊特定作用域的區域性變數。我們可以使用 const 關鍵字定義具有固定值的區域性塊作用域變數。在宣告變數時，在適用情況下使用 let 和 const 關鍵字。請記住，const 關鍵字僅阻止重新賦值。這不會使變數變得不可變。

使用正則表示式

在提取或處理字串時，正則表示式是一個非常有效且令人愉悅的工具。在執行復雜字串搜尋和操作時，請使用正則表示式而不是 indexOf() 和 substring()。

您可以使用正則表示式找到複雜的模式，然後更改或提取與這些模式匹配的文字。

始終牢記未來

如果您將來需要在此 if 語句中新增更多命令怎麼辦？您需要更改此程式碼段才能實現該目的。

應用 JSLint

偵錯程式 JSLint 建立者是 Douglas Crockford。只需將您的指令碼放入提供的框中，程式就會快速檢查是否存在任何明顯的錯誤和問題。

指令碼應位於頁面底部

請注意，主要目標是儘可能使使用者的體驗儘可能流暢。瀏覽器必須等到指令碼載入完成後才能載入指令碼。因此，使用者將不得不等待更長時間才能看到任何進展。

如果 JS 檔案的唯一作用是新增功能（例如，在按鈕點選後），請將其放置到底部，靠近結束的 body 標籤處。毫無疑問，這是最佳實踐。

在“for”語句之外宣告變數

在執行長時間的 for 語句時，避免讓 JavaScript 引擎的工作量超過必要。

描述您的程式碼

乍一看，這似乎沒有必要，但您需要徹底地註釋您的程式碼。幾個月後項目發生了什麼，您意識到您無法立即回憶起您的邏輯？如果您的同事之一需要更改您的程式碼，您會有什麼感覺？始終對重要的程式碼部分進行註釋。

使用 {} 而不是 New Object ()

在 JavaScript 中，有許多方法可以構建物件。new function Object() { [native code] } 可能是更傳統的方法。

但是，這種方法被標記為“不良實踐”。它有點不尋常，但並不危險。我們建議改用“物件文字”技術。

在建立 for-in 語句時要小心

您可能會發現，在迭代物件中的元件時，您還會收到方法函式或其他繼承的屬性。始終將程式碼封裝在 if 語句中，該語句使用 function hasOwnProperty() { [native code] } 進行過濾以解決此問題。

自執行過程

無需透過程式碼呼叫即可自動呼叫函式非常簡單。只需將您的 JavaScript 函式括在括號中，然後跟隨另一組括號，作為 JavaScript 函式的回撥。

使用原始 JavaScript 比使用庫總是更快

JavaScript 庫（如 jQuery 和 lodash）可以幫助您更快地編寫程式碼，尤其是在處理 AJAX 時。但是，請記住，庫永遠不會像純 JavaScript 那樣快。

儘管 jQuery 的 each() 方法非常適合迴圈，但本機 for 語句始終會稍微快一些。

使用箭頭函式

箭頭函式是 JavaScript 的一項新增功能，也是一項重要的功能。它們提供了廣泛的優勢。首先，它們使 JavaScript 的函式部分更易於編寫且更美觀。

並行 Promise 執行

最好同時執行非同步操作，因為這將加快速度並提高應用程式的響應能力。如果您的任務彼此不依賴，只需將它們用“Promise.all”包裝並一起執行即可。

單獨放置 JavaScript

將 JavaScript 新增到單獨的檔案中以提高程式碼可讀性。

結論

本教程討論了 JavaScript 是否有任何標準或最佳實踐。當然，使用 JavaScript 有許多標準。我們建議您在 JavaScript 專案中遵循所有這些最佳實踐。