Template Literals
Template Literals, também conhecidos como "template strings" ou "strings de modelo", são uma sintaxe de string mais avançada introduzida na versão ES6 do ECMAScript.
A sintaxe de um Template Literal consiste em delimitar a string com acentos graves (`) em vez de aspas simples ou duplas. Além disso, ele permite que você use placeholders, ou seja, expressões JavaScript dentro da string que são substituídas por seus valores correspondentes. Isso é feito colocando a expressão dentro de ${ }. Por exemplo:
const nome = "João";
const idade = 30;
const mensagem = `Meu nome é ${nome} e eu tenho ${idade} anos.`;
console.log(mensagem); // Meu nome é João e eu tenho 30 anos.
Observe que a string é definida entre acentos graves, e as variáveis nome e idade são inseridas na string usando a sintaxe ${ }.
Os Template Literals também podem se estender por várias linhas, permitindo que você crie strings de várias linhas sem precisar usar \n para indicar uma quebra de linha. Por exemplo:
const mensagem = `Este é um exemplo
de uma string que se estende
por várias linhas.`;
console.log(mensagem);
// Este é um exemplo
// de uma string que se estende
// por várias linhas.
Os Template Literals podem ser úteis para tornar a criação de strings mais fácil e legível, especialmente em casos onde a string contém variáveis ou precisa se estender por várias linhas.