MHDEV

inícioblogportfóliosobre

Melhorando os IFS!

Marcos Henrique

2020-09-27

javascript

A programação não é só fazer código e sim fazer código que se possa ler e entender, por isso hoje eu trago uma dica de ouro para embelezar seu código em Javascript!

Vamos entender o problema do uso do IF tradicional com um exemplo!

Imagine a seguinte situação, você deseja validar se uma variável que guarda uma cor tem dentro dela o valor 'red', se tiver mostra na tela um true, se não mostra um false, veja abaixo o resultado :

Usando IFS tradicionais

Parece até legal, pois sua mente está acostumada com esse "normal" masss, se eu te mostrar que em certas situações tem forma bem melhor de fazer isso? Veja o exemplo abaixo e tome suas próprias conclusões ( logo após terá a explicação)

Usando Operação Ternária

WOW

Fazemos em 5 linhas o que poderiamos fazer em só 1! É magico! Mas acreditar que é mágica não dá certo 😂 Vamos entender como funciona!

Como funciona ???

A primeira parte da operação ternária é a pergunta, ou seja : A cor é vermelha? No 'SE' tradicional você utiliza a palavra IF e parênteses, mas na Operação já remove dois elementos, o if não é mais necessário e também não mais os parênteses, ficando assim: color === 'red'. A próxima etapa de validação é o que fazer se for verdadeiro, no IF tradicional se usa { //O que vou fazer aqui } mas não temos que usar nada disso na operação ternária, somente uma interrogação e em seguida na mesma linha o que vai fazer, color === red ? console.log(true)

E a última etapa para fechar com chave de ouro é o que fazer se não for verdadeiro, então se não for vermelho, o que fazer ? Na nossa amiga Ternária é só colocar dois pontos e o que quer fazer, fechando a operação! color === red ? console.log(true) : console.log(false).

Quando não usar ?

Quando suas validações tiverem muitos acontecimentos dentro dela não é o momento de usar a operação ternária, porque? Porque ela não vai funcionar corretamente, a aplicação dela foi criada para tornar validações simples mais legíveis masss não quer dizer que não deva ser usada, na verdade serve para a maioria dos casos de código.

Então esse foi o post de hoje! Espero que tenha te ajudado a deixar suas validações cada vez melhores!

Fim

Se inscreva em nossa newsletter

Receba conteúdo exclusivo semanalmente em sua caixa de email!

Se inscreva

MHDEV

Copyright © 2020 MHDEV by Marcos Henrique. All rights reserved