Čitelné podmínky JavaScriptu

Chris Ferdinandi, vanilkový JavaScript, publikoval skvělý tip na kódování, aby byly vaše podmínky JavaScriptu čitelnější.

Předpokládejme, že máte následující podmínku:

if (fruit === 'apple' || fruit === 'strawberry') {
  // ...
}

Moje mysl potřebuje chvilku na zpracování tohoto if . Jen se to nečte snadno. A navíc se podmínka stává ještě hůře čitelnou, pokud existuje více plodů a vy musíte všechny tyto logické NEBO zřetězit.

A teď se podívejte, co Chris doporučuje použít místo toho:

if (['apple', 'strawberry'].includes(fruit)) {
  // ...
}

// or even place things in a variable 
// to make it even clearer
if (deliciousFruits.includes(fruit)) {
  // ...
}

Je ten kód čitelný, nebo co? 😲 Podmínka dokonce obsahuje slovo includes aby to bylo srozumitelnější! 👏 Je to malá změna, která ohromně zlepšuje čitelnost.

Od této chvíle budu používat tento vzor! Díky, Chrisi.