Em JavaScript, template literals são uma forma poderosa e flexível de trabalhar com strings. Ao contrário das strings regulares, que usam aspas simples (') ou duplas ("), os template literals são definidos com backticks (```). Eles permitem uma manipulação de strings mais fácil, incluindo a incorporação de variáveis diretamente dentro de uma string, um recurso conhecido como interpolação de strings. Template literals facilitam a criação de strings que abrangem várias linhas ou incluem expressões (como variáveis ou até código JavaScript) diretamente dentro da string. Aqui está um exemplo de um template literal:

const name = "Alice";
const greeting = Hello, ${name}!;

console.log(greeting);

Note o uso de backticks em vez de aspas simples ou duplas. A sintaxe ${name} é um exemplo de interpolação de strings, onde o valor da variável name é inserido diretamente na string. Interpolação de strings permite que você incorpore variáveis e expressões dentro de uma string. Esta é uma melhoria significativa em relação ao método antigo, onde você concatenaria strings e variáveis usando o operador +. Aqui está um exemplo usando concatenação de strings e o operador mais (+):

const name = "Alice";
const age = 25;
const message = "My name is " + name + " and I am " + age + " years old.";
console.log(message);

E aqui está um exemplo usando template literals e interpolação de strings:

const name = "Alice";
const age = 25;
const message = My name is ${name} and I am ${age} years old.;
console.log(message);

Como você pode ver, a interpolação de strings com template literals é muito mais limpa e fácil de ler, especialmente quando você está trabalhando com múltiplas variáveis. Outra grande vantagem dos template literals é que eles suportam strings multilinha. Com strings regulares, você precisaria usar caracteres de escape (\n) para criar novas linhas. Com template literals, você pode simplesmente escrever a string em várias linhas e a formatação é preservada:

let poem = `Roses are red,
Violets are blue,
JavaScript is fun,
And so are you.`;

console.log(poem);

Outra funcionalidade dos template literals é que eles permitem que você incorpore expressões JavaScript diretamente dentro da string, como neste exemplo:

const song = "Bohemian Rhapsody";
const score = 9.5;
const highestScore = 10;
const output = `One of my favorite songs is "${song}". I rated it ${
  (score / highestScore) * 100
}%.`;
console.log(output);

Templates literais são particularmente úteis quando você precisa incluir variáveis ou expressões em strings, formatar strings complexas ou trabalhar com texto multilinha. Eles são mais concisos e legíveis em comparação com a concatenação tradicional de strings.