8.5Arrow Functions / Confusing

比較演算子との混同を避ける

アロー関数の構文 (`=>`) と比較演算子 (`<=`, `>=`) の混同を避けてください。必要に応じて括弧で囲みます。

三項演算子と組み合わせると、`item => item.height <= 256 ? ...` のように、`=>` と `<=` が近接してしまい、一瞬コードが読みにくくなることがあります。関数本体を括弧で囲むことで、アロー関数の定義と、その本体である三項演算子を明確に分離し、可読性を向上させることができます。

❌ Bad
// bad
const itemHeight = (item) => item.height <= 256 ? item.largeSize : item.smallSize;
✅ Good
// good
const itemHeight = (item) => (item.height <= 256 ? item.largeSize : item.smallSize);