讓 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








你可能感興趣的文章

Key Sequence Detection

Key Sequence Detection

JS 展開  (Spread Operator) 以及反向展開 (Rest Parameters)

JS 展開 (Spread Operator) 以及反向展開 (Rest Parameters)

Leetcode279. Perfect Squares

Leetcode279. Perfect Squares






留言討論





2
2
2