vanderlei
glossárioJS
$cat~/glossario/template-literal.md

Template Literal

JavaScript

String com crases permitindo interpolação e multilinha.

template-literal.mdmarkdown
01

seção

Explicação

Template Literal — String com crases permitindo interpolação e multilinha.

Strings com crase ` ` permitem ${expressão}` e quebras de linha literais.

Tagged templates (fn...`) para DSLs — styled-components usa padrão similar.

02

seção

Exemplo

snippetJavaScript
const qtd = 3;const msg = `Você tem ${qtd} item${qtd === 1 ? "" : "s"}.`;
03

seção

Modo de uso

  • SQL/log formatado (cuidado injection)

  • HTML templates server-side

  • Mensagens i18n com placeholders

04

seção

Armadilhas comuns

  • Interpolar HTML sem escape → XSS

  • Nested templates ilegíveis

05

seção

Termos relacionados

Optional Chaining (?.)Nullish Coalescing (??)ES Module (ESM)
$cd~/glossario/artigo

Aprofundar no artigo

Quer ir além? Este artigo explora o tema em profundidade — leitura recomendada após o glossário.

advanced topics· 24 min

Modern JS Syntax (ES6+): O JavaScript que Você Realmente Usa

Arrow functions, destructuring, spread/rest, template literals, optional chaining, nullish coalescing, parâmetros padrão, Map/Set/Symbol e for...of — a sintaxe moderna do dia a dia.

ler artigo
$cd~/glossario/relacionados

Mais em JavaScript

Outros termos da mesma categoria para revisão em sequência.