abrir o menu fechar menu

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.