比較演算子との混同を避ける
アロー関数の構文 (`=>`) と比較演算子 (`<=`, `>=`) の混同を避けてください。必要に応じて括弧で囲みます。
三項演算子と組み合わせると、`item => item.height <= 256 ? ...` のように、`=>` と `<=` が近接してしまい、一瞬コードが読みにくくなることがあります。関数本体を括弧で囲むことで、アロー関数の定義と、その本体である三項演算子を明確に分離し、可読性を向上させることができます。
アロー関数の構文 (`=>`) と比較演算子 (`<=`, `>=`) の混同を避けてください。必要に応じて括弧で囲みます。
三項演算子と組み合わせると、`item => item.height <= 256 ? ...` のように、`=>` と `<=` が近接してしまい、一瞬コードが読みにくくなることがあります。関数本体を括弧で囲むことで、アロー関数の定義と、その本体である三項演算子を明確に分離し、可読性を向上させることができます。
// bad
const itemHeight = (item) => item.height <= 256 ? item.largeSize : item.smallSize;// good
const itemHeight = (item) => (item.height <= 256 ? item.largeSize : item.smallSize);