Javascript是瀏覽器理解的語言。用于加載動態內容,無需刷新頁面。
需要在更少的代碼行中使Javascript代碼更易于閱讀。我們列出了一些推薦的方法,以獲得更多編寫javascript代碼的方法:
1.使用模板文字
模板文字是可以嵌入到表達式中的字符串(變量)。模板文字使代碼更簡單、更可讀。
例如,我們可以在JavaScript中使用模板文字如下:
沒有模板文字,我們可以把上面的例子寫成如下:
2.使用三元運算符
在編程中,大多會遇到邏輯操作。如果你想在兩個語句之間執行邏輯,三元運算符的可讀性要高得多。
3.在JavaScript中使用Include語句
在JavaScript中包含語句是在數組和句子中搜索字符串的更簡單方法。
可以在JavaScript中使用包含語句,如下所示:
在數組中,我們可以使用包含語句如下:
include語句返回true還是false取決于字符串是否出現在句子或數組中。
4.Nullish Operator
如果正在使用第三方 API,可能遇到過每個查詢中不顯示相同的鍵值。必須在JSON中檢查空鍵,這樣代碼就不會出錯誤。
要檢查空密鑰,您可以使用以下方法:
Conditional Statement
The nullish coalescing operator (??) - (Recommended)
例如,我們在JavaScript中遵循了以下JSON:
使用條件語句,我們可以訪問JSON元數據中的鍵,如下所示:
使用nullish聚合運算符,我們可以訪問JSON元數據中的鍵,如下所示:
上面的代碼檢查JSON元數據中的鍵,如果可用,它返回值,否則返回空字符串。
5.函數中的默認參數值
JavaScript中的一些函數允許發送選項參數。基于可選參數,函數的返回值可以更改。
我們可以通過如下實例演示函數中的默認參數:
6.函數中參數類型檢查
可能,可能存在函數參數沒有有效類型的情況。可以執行其他檢查來驗證參數類型。
我們可以用以下示例來演示這一點:
7.Try/Catch語句中的包裝代碼
try/Catch語句用于檢查代碼中的錯誤。如果錯誤,將運行catch 語句。
我們可以用以下示例來演示這一點:
上述代碼控制臺記錄了錯誤,因為函數不存在。
8.Destructuring
析構允許您將復雜部分分解為塊。
例如...
如果你的復雜函數需要很多參數來執行,那么最好去解構函數。而不是傳遞字符串、浮點數等單個參數;在函數中傳遞對象。單個對象可以保存多個值。
我們可以如下演示這個例子:
9.編寫DRY代碼
DRY的意思是(don't repeat yourself)。為了避免混淆,避免代碼中的重復。為避免代碼混亂,可以遵循以下規則。
寫一個可重用的函數
為變量和函數定義清晰的名稱
-
瀏覽器
+關注
關注
1文章
1025瀏覽量
35358 -
語言
+關注
關注
1文章
97瀏覽量
24242 -
javascript
+關注
關注
0文章
516瀏覽量
53865
發布評論請先 登錄
相關推薦
評論