Qual a diferença da concatenação (+) e ${variavel}??
Qual a diferença da concatenação (+) e ${variavel}??
Olá Claudeny, tudo bem?
Em JavaScript, a concatenação e a interpolação de strings funcionam de forma muito similar, e na prática, obtém os mesmos resultados.
Entretanto, a interpolação também é chamada de "template literals" e ela oferece uma vantagem em relação à concatenação: clareza de código.
No caso da concatenação, pode ser mais difícil identificar se o resultado da concatenação será uma string ou um número, já que se usa o operador '+'. Veja no exemplo abaixo, e considere que as variáveis 'a' e 'b' foram declaradas em outro lugar do código, você terá que descobrir onde a declaração e a atribuição delas está para saber se o resultado de 'concatenadas' será um número ou uma string.
let a = "string1";
let b = "string2";
let concatenadas = a+b;
No caso da interpolação, temos isso com muito mais clareza, não há ambiguidade com o operador '+', já que ele não é usado:
let a = "string1";
let b = "string2";
let interpoladas = `${a} ${b}`;
A interpolação (ou 'template literals') permite também uma outra funcionalidade do JavaScript, chamada tagged template literals, que consiste em utilizar uma string interpolada para chamar funções de maneira diferente. Esse é um conceito um pouco complexo, e sugiro que adentre após avançar mais no curso.
Se quiser dar uma olhada: https://webtips.dev/webtips/javascript/javascript-string-interpolation-vs-concatenation
E também: https://www.digitalocean.com/community/tutorials/js-tagged-template-literals
Espero que solucione sua dúvida. E se tiver solucionado, por favor, peço que marque a questão como concluída. Boa sorte, e bons estudos.
Era uma dúvida minha também!!!! Obrigado pela resposta!!!!
Obrigado!