Eliminando condicional com objetos [Corte Raiz]

Existem diversas formas de eliminar ou melhorar condicionais na linguagem de programação. Aqui eu demonstro uma dessas formas, que é substituir um tradicional if else por objetos!
-
𝗘𝘀𝘀𝗲 é 𝘂𝗺 𝗰𝗼𝗿𝘁𝗲 𝗳𝗲𝗶𝘁𝗼 𝗻𝗮 𝗹𝗶𝘃𝗲 𝗿𝗮𝗶𝘇 #13 (𝗵𝗼𝗷𝗲 𝗱𝗶𝘀𝗽𝗼𝗻í𝘃𝗲𝗹 𝗮𝗽𝗲𝗻𝗮𝘀 𝗻𝗼 𝗷𝘀𝗿𝗮𝗶𝘇.𝗰𝗼𝗺) 🔥
🟡 𝗠𝗘𝗨 𝗖𝗨𝗥𝗦𝗢 𝗗𝗘𝗦𝗘𝗡𝗩𝗢𝗟𝗩𝗜𝗠𝗘𝗡𝗧𝗢 𝗪𝗘𝗕 𝗝𝗔𝗩𝗔𝗦𝗖𝗥𝗜𝗣𝗧 𝗥𝗔𝗜𝗭 🔥
👉 jsraiz.com
🔵 𝗖𝗔𝗡𝗔𝗟 𝗧𝗘𝗟𝗘𝗚𝗥𝗔𝗠 𝗖𝗢𝗠 𝗠𝗔𝗧𝗘𝗥𝗜𝗔𝗟 𝗘𝗫𝗖𝗟𝗨𝗦𝗜𝗩𝗢
👉 t.me/canalprog...
🟠 𝗠𝗘 𝗜𝗡𝗗𝗜𝗤𝗨𝗘 𝗡𝗢 𝗚𝗜𝗧𝗛𝗨𝗕 𝗦𝗧𝗔𝗥
Coloque o meu usuário GitHub @ayrtonteshima e comente sobre meus conteúdos aqui no canal
👉 stars.github.c...
🟢 𝗜𝗡𝗦𝗧𝗔𝗚𝗥𝗔𝗠
👉 / programadorabordo
🟢 𝗧𝗪I𝗧𝗧𝗘𝗥
👉 / devabordo

[@ProgramadorABordo]

🟠 𝗠𝗘 𝗜𝗡𝗗𝗜𝗤𝗨𝗘 𝗡𝗢 𝗚𝗜𝗧𝗛𝗨𝗕 𝗦𝗧𝗔𝗥
Coloque o meu usuário GitHub @ayrtonteshima e comente sobre meus conteúdos aqui no canal
👉 stars.github.com/nominate/
🟡 𝐄𝐬𝐬𝐞 é 𝐮𝐦 𝐜𝐨𝐫𝐭𝐞 𝐝𝐞 𝐮𝐦𝐚 𝐝𝐚𝐬 𝐚𝐮𝐥𝐚𝐬 𝐚𝐨 𝐯𝐢𝐯𝐨 𝐪𝐮𝐞 𝐡𝐨𝐣𝐞 𝐞𝐬𝐭á 𝐝𝐢𝐬𝐩𝐨𝐧í𝐯𝐞𝐥 𝐬𝐨𝐦𝐞𝐧𝐭𝐞 𝐧𝐨 𝐣𝐬𝐫𝐚𝐢𝐳.𝐜𝐨𝐦 🔥
👉 jsraiz.com
🔵 𝗖𝗔𝗡𝗔𝗟 𝗧𝗘𝗟𝗘𝗚𝗥𝗔𝗠 𝗖𝗢𝗠 𝗠𝗔𝗧𝗘𝗥𝗜𝗔𝗟 𝗘𝗫𝗖𝗟𝗨𝗦𝗜𝗩𝗢
👉 t.me/canalprogramadorabordo
🟢 𝗜𝗡𝗦𝗧𝗔𝗚𝗥𝗔𝗠
👉 instagram.com/programadorabordo
🟢 𝗧𝗪𝗜𝗧𝗧𝗘𝗥
👉 twitter.com/devabordo

[@klaylton]

Que dica top.

[@ProgramadorABordo]

Valeuu Klaylton!! TMJ

[@davidsyllva]

Muito bom! Dr. Teshima bem mais dinâmico e compactado.

[@ProgramadorABordo]

Hehehe legal né. Também é bom pra quem usa libs como React e precisa selecionar um component dinamicamente!

[@JulioJogos]

não apénas mostrou a forma de fazer como suas alternativo, muito bom

[@lucasmateusdasilvafernande4114]

Muito top cara, muito top msm, aliás... Qual é essa extensão q vc vê o resultado do log no código?

[@ProgramadorABordo]

Muito obrigado, Lucas!!! Essa extensão é o Quokka! Recomendo um editor chamado RunJS que a proposta dele é mostrar sempre o resultado do lado, sem depender de extensão, é oq estou usando hoje para brincar no JS e gravar aulas ;)

[@diegodario1400]

Uma sugestão é utilizar o Object.freeze nesse cenário o que impede alterações nesse objeto.
Outra ideia seria utilizar uma função com retorno implícito
const getTypes = (type) => ({
PLATINUM: () => 'Plat Logic',
GOLD: () => 'Gold Logic',
SILVER: () => 'Silver Logic',
}[type] || 'Type not found');

[@ProgramadorABordo]

Boaa! Sim, retorno imediato casa perfeitamente e o freeze também, caso não precise ser modificado! Excelente contribuição, Diego!!

[@EvertonLourens]

Muito bom

[@adrianodemoura]

execlente dica, e acho que dá pra enxugar mais ainda ...
```
const types = {
PLATINUM() { return 'Platinum Customer' },
GOLD() {return 'Gold Customer' },
SILVER() {return 'Silver Customer' },
setType(accType) {return (!!this[accType.toUpperCase()]) ? this[accType.toUpperCase()]() : null }
}
console.log( types.setType('PLATINUM') )
console.log( types.setType('silver') )
console.log( !!types.setType('GOLD') )
console.log( !!types.setType('banana') )
```

[@lucioflavio1749]

Muito parecido com Enum

[@ProgramadorABordo]

Sim!

[@guitt-web-code]

Kkkkk puts manero

[@ProgramadorABordo]

Hehehe vamos melhorando o código aos poucos :)

[@lucasnapomucena8457]

Muito bom!!

[@ProgramadorABordo]

Valeuuu Lucas!!

[@edimilsonbrazZ]

Estou curtindo esses vídeos mais curtos… E sobre essa extensão que vc usa pra ver o resultado do console.log( ) direto na tela qual é? 🤔

[@ProgramadorABordo]

Opa, geral perguntando isso hahaha o nome dela é Quokka. Mas hoje eu utilizo o editor RunJS que já mostra o resultado do lado, mas uso apenas para testar JavaScript e gravar aula

[@ProgramadorABordo]

Legal saber que está curtindo esse formato dos cortes das lives :)

[@JulioCesar-yn7lt]

Parece limitado. Não é possível acessar uma variável global dentro do objeto quando utilizado com funções.

[@ProgramadorABordo]

Fala Julio. Não entendi direito.. pode dar um exemplo de código?

[@JulioCesar-yn7lt]

@@ProgramadorABordo Bom dia!
Claro, segue exemplo com typescript:
export class PageComponent {
variavelGlobal = 'foo';
types = {
FUNCAO() {
return this.variavelGlobal
}
}
}
Erro: Property 'variavelGlobal' does not exist on type '{ FUNCAO(): any; }'

[@ProgramadorABordo]

@@JulioCesar-yn7lt Ah foi mal, quando disse que não entendi eu pensei que você tinha comentado em outro vídeo, não vi que foi nesse.
Nesse caso também não vai funcionar no JS vanilla pq o 'this' está olhando para o proprio objeto types. Oq vc pode fazer é transformar essa function em uma arrow function, aí o this dela vai estar olhando para a própria classe, com isso você vai enxergar a 'variavelGlobal'