Javascript是瀏覽器理解的語言。用於載入動態內容，無需重新整理頁面。
需要在更少的程式碼行中使Javascript程式碼更易於閱讀。我們列出了一些推薦的方法，以獲得更多編寫javascript程式碼的方法：
1。使用模板文字
模板文字是可以嵌入到表示式中的字串（變數）。模板文字使程式碼更簡單、更可讀。
例如，我們可以在JavaScript中使用模板文字如下：
var code = “javascript”；var str = ` I love ${code} I love ${code} `；
沒有模板文字，我們可以把上面的例子寫成如下：
var code = “javascript”；var str1 = “\n I love ” + code + “\n I love ” + code + “\n”；
2。使用三元運算子
在程式設計中，大多會遇到邏輯操作。如果你想在兩個語句之間執行邏輯，三元運算子的可讀性要高得多。
let price= isMember ？ ‘$2。00’ ： ‘$10。00’
3。在JavaScript中使用Include語句
在JavaScript中
包含
語句是在
陣列和句子
中搜索字串的更簡單方法。
可以在JavaScript中使用
包含
語句，如下所示：
var str = “I love JavaScript。”；var word = str。includes（“javaScript”）； // result： true
在陣列中，我們可以使用包含語句如下：
var str = ［“taimoor”， “ali”， “umer”］；var n = str。includes（“taimoor”）； // result： true
include
語句返回true還是false取決於字串是否出現在句子或陣列中。
4。Nullish Operator
如果正在使用第三方 API，可能遇到過每個查詢中不顯示相同的鍵值。必須在JSON中檢查空鍵，這樣程式碼就不會出錯誤。
要檢查空金鑰，您可以使用以下方法：
Conditional Statement
The nullish coalescing operator （？？） - （Recommended）
例如，我們在JavaScript中遵循了以下JSON：
var person = { name： “Taimoor Sattar”， age： 21， metadata： { hobby： “football， blog” }}
使用條件語句，我們可以訪問JSON元資料中的鍵，如下所示：
let hobby = “”；if （person。metadata）{ hobby = person。metadata。hobby ？ person。metadata。hobby ： “”；}
使用nullish聚合運算子，我們可以訪問JSON元資料中的鍵，如下所示：
let hobby = person。metadata？。hobby ？？ “”；
上面的程式碼檢查JSON元資料中的鍵，如果可用，它返回值，否則返回空字串。
5。函式中的預設引數值
JavaScript中的一些函式允許傳送選項引數。基於可選引數，函式的返回值可以更改。
我們可以透過如下例項演示函式中的預設引數：
function outputName（name=“taimoor”）{ return name；}let string1 = outputName（）；
// result： taimoorlet string2 = outputName（“ali”）；
// result： ali
6。函式中引數型別檢查
可能，可能存在函式引數沒有有效型別的情況。可以執行其他檢查來驗證引數型別。
我們可以用以下示例來演示這一點：
function sum（a， b）{ let result = （typeof a == “number” && typeof b == “number”） ？ a + b ： null；
return result}sum（“s”， 6）
// result： nullsum（4， 6）
// result： 10
7。Try/Catch語句中的包裝程式碼
try/Catch語句用於檢查程式碼中的錯誤。如果錯誤，
將執行
catch 語句。
我們可以用以下示例來演示這一點：
try{ functionnotexist（）；}catch（e）{ console。log（“error”）；}
上述程式碼控制檯記錄了錯誤，因為函式不存在。
8。Destructuring
析構允許您將複雜部分分解為塊。
例如。。。
如果你的複雜函式需要很多引數來執行，那麼最好去解構函式。而不是傳遞字串、浮點數等單個引數；在函式中傳遞物件。單個物件可以儲存多個值。
我們可以如下演示這個例子：
function outputName（{name = “taimoor”}）
{
// De-structuring return name；}var person =
{
name： “Taimoor Sattar”， age： 21， metadata：
{ hobby： “football， blog”
}
}let str = outputName（person）；
// Taimoor Sattar
9。編寫DRY程式碼
DRY的意思是（don‘t repeat yourself）。為了避免混淆，避免程式碼中的重複。為避免程式碼混亂，可以遵循以下規則。
寫一個可重用的函式
為變數和函式定義清晰的名稱
好了，本文到此結束。如果對程式設計、計算機、程式設計師方面感興趣的話，歡迎私信聯絡我，隨時交流！點個關注，是對我莫大的鼓勵！