讓 Code 乾淨的小技巧


刪草稿時找到看起來滿完整的就發布ㄌ。

本篇是以 JavaScript 為例,其他語言可能也有這些 API。

Nullish Coalescing ??

某些語言有提供 ?? 運算子,javasctipt 在 ES11 也有。
?? 的用法是檢查前面的是否 null,如果是 null,就回傳後面的。

Optional Chaining ?.

personObj?.name

如果不存在 personObj 也不會拋出 uncaught error 而是回傳 undefined
它減少了 personObj && personObj.name 一次的檢查

使用 ?. 也可以檢查是不是函式

object.method?.()

Object Shorthand

在物件裡如果有同名的屬性變數可以簡寫

{
name,
phoneNum
}

Defer/Async Loading

defer 可以延遲載入 js,原本會寫在 body 下面,但可以往上移

Styling Console Log

console.log() 其實可以在函數裡傳 css style

參考

*5 Must Know JavaScript Features That Almost Nobody Knows








你可能感興趣的文章

筆記、SSH

筆記、SSH

new 做了什麼事?

new 做了什麼事?

Web Accessibility 的重要性

Web Accessibility 的重要性






留言討論