Como interpolar variáveis sem concatenação em JavaScript

Neste artigo você vai aprender a como interpolar variáveis sem concatenação em JavaScript, utilizando um recurso muito interessante

interpolar variáveis sem concatenação capa

Fala programador(a), beleza? Bora aprender mais sobre interpolação de strings em JavaScript!

Basicamente precisamos utilizar um recurso chamado template literals

Formação Claude Code
Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

  • 114 aulas
  • 4 projetos
  • 9h 15min

Que sua sintaxe consiste em duas importantes etapas:

  1. Envolver a string entre crases: `minha string`;
  2. E colocar as variáveis da seguinte maneira ${variavel}

Desta maneira conseguimos criar a interpolação, sem os clássicos sinais de mais (+), que eram muito utilizados em JS

Vamos ver um exemplo prático do que foi explicado:

const name = "Matheus"
const age = 30

console.log(`O meu nome é ${name} e eu tenho ${age} anos`); // "O meu nome é Matheus e eu tenho 30 anos"

O resultado desta expressão é a frase com as variáveis interpoladas

Ou seja, temos uma grande string como retorno

Empregamos o template literals para realizar a interpolação de variáveis no texto

Conclusão

No artigo de hoje você aprendeu a como interpolar variáveis sem concatenação em JavaScript

Utilizamos um recurso que é chamado de template literals

Com ele podemos inserir variáveis em uma string, sem precisa concatenar com os sinais de mais (+)

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!

Escrito por | Matheus Battisti

Matheus Battisti
Fundador da Hora de Codar

Programador apaixonado pelo mundo das tecnologias, sempre buscando em aprender e se aprofundar em linguagens, frameworks e o que mais for necessário para executar um bom trabalho. Agora tem uma nova missão que é de passar seu conhecimento adiante para formar novos programadores e especializar mais os que já são.

Subscribe
Notify of
guest

0 Comentários
Oldest
Newest Most Voted

Formações

Formação Vibe Coding

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

  • 474 aulas
  • 20 projetos
  • 39h 27min

Blog | Mais populares