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

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

1.使用模板文字

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

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

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

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

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

3.在JavaScript中使用Include語(yǔ)句

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

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

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

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

4.Nullish Operator

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

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

Conditional Statement

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

例如，我們?cè)贘avaScript中遵循了以下JSON：

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

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

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

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

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

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

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

可能，可能存在函數(shù)參數(shù)沒有有效類型的情況?？梢詧?zhí)行其他檢查來(lái)驗(yàn)證參數(shù)類型。

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

7.Try/Catch語(yǔ)句中的包裝代碼

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

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

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

8.Destructuring

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

例如...

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

我們可以如下演示這個(gè)例子：

9.編寫DRY代碼

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

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

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