Javascript是瀏覽器理解的語言。用于加載動態(tài)內(nèi)容，無需刷新頁面。

需要在更少的代碼行中使Javascript代碼更易于閱讀。我們列出了一些推薦的方法，以獲得更多編寫javascript代碼的方法：

1.使用模板文字

模板文字是可以嵌入到表達(dá)式中的字符串（變量）。模板文字使代碼更簡單、更可讀。

例如，我們可以在JavaScript中使用模板文字如下：

沒有模板文字，我們可以把上面的例子寫成如下：

2.使用三元運(yùn)算符

在編程中，大多會遇到邏輯操作。如果你想在兩個語句之間執(zhí)行邏輯，三元運(yùn)算符的可讀性要高得多。

3.在JavaScript中使用Include語句

在JavaScript中包含語句是在數(shù)組和句子中搜索字符串的更簡單方法。

可以在JavaScript中使用包含語句，如下所示：

在數(shù)組中，我們可以使用包含語句如下：

include語句返回true還是false取決于字符串是否出現(xiàn)在句子或數(shù)組中。

4.Nullish Operator

如果正在使用第三方 API，可能遇到過每個查詢中不顯示相同的鍵值。必須在JSON中檢查空鍵，這樣代碼就不會出錯誤。

要檢查空密鑰，您可以使用以下方法：

Conditional Statement

The nullish coalescing operator (??) - (Recommended)

例如，我們在JavaScript中遵循了以下JSON：

使用條件語句，我們可以訪問JSON元數(shù)據(jù)中的鍵，如下所示：

使用nullish聚合運(yùn)算符，我們可以訪問JSON元數(shù)據(jù)中的鍵，如下所示：

上面的代碼檢查JSON元數(shù)據(jù)中的鍵，如果可用，它返回值，否則返回空字符串。

5.函數(shù)中的默認(rèn)參數(shù)值

JavaScript中的一些函數(shù)允許發(fā)送選項(xiàng)參數(shù)。基于可選參數(shù)，函數(shù)的返回值可以更改。

我們可以通過如下實(shí)例演示函數(shù)中的默認(rèn)參數(shù)：

6.函數(shù)中參數(shù)類型檢查

可能，可能存在函數(shù)參數(shù)沒有有效類型的情況。可以執(zhí)行其他檢查來驗(yàn)證參數(shù)類型。

我們可以用以下示例來演示這一點(diǎn)：

7.Try/Catch語句中的包裝代碼

try/Catch語句用于檢查代碼中的錯誤。如果錯誤，將運(yùn)行catch 語句。

我們可以用以下示例來演示這一點(diǎn)：

上述代碼控制臺記錄了錯誤，因?yàn)楹瘮?shù)不存在。

8.Destructuring

析構(gòu)允許您將復(fù)雜部分分解為塊。

例如...

如果你的復(fù)雜函數(shù)需要很多參數(shù)來執(zhí)行，那么最好去解構(gòu)函數(shù)。而不是傳遞字符串、浮點(diǎn)數(shù)等單個參數(shù)；在函數(shù)中傳遞對象。單個對象可以保存多個值。

我們可以如下演示這個例子：

9.編寫DRY代碼

DRY的意思是（don't repeat yourself）。為了避免混淆，避免代碼中的重復(fù)。為避免代碼混亂，可以遵循以下規(guī)則。

寫一個可重用的函數(shù)

為變量和函數(shù)定義清晰的名稱