Neste artigo você vai aprender a como criar variável dinâmica em JavaScript, ou seja, por meio de uma string definir o nome de uma variável
Fala programador(a), beleza? Bora aprender a criar variável de forma dinâmica com JS!
Em outras linguagens temos acesso mais fácil a esse recurso
Já em JavaScript precisamos adicionar a variável diretamente ao objeto global window
Desta maneira podemos utilizar um nome dinâmico, da mesma forma que podemos fazer com propriedades dinâmicas em objetos
Veja um exemplo:
const varName = "name" window[varName] = "Matheus" console.log(name) // Matheus
Não é uma estratégia muito elegante, mas devemos lembrar que todas as variáveis ficam em window
Então apenas estamos nos aproveitando de um recurso da linguagem para criar a nossa inocente variável dinâmica 🙂
Há uma outra estratégia utilizando o eval, porém eu não a recomendo
O eval muitas vezes pode trazer comportamentos inesperados ao nosso código, aconselho você a procurar um pouco sobre
Esta alternativa da window é muito mais segura
Conclusão
No artigo de hoje você viu como criar variável dinâmica em JavaScript
Utilizamos um objeto chamado window, onde inserimos nossa variável de forma dinâmica
Utilizando a notação de colchetes e uma string para ser seu nome
Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!
Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos