JavaScript · Avançado · Inglês · Técnico
tagged template
Template literal precedido por uma função, a tag, que recebe as partes de texto e os valores interpolados separadamente e devolve o que quiser. Processa o texto antes de montá-lo.
Onde usar
Base de bibliotecas como styled-components e de helpers de SQL seguro. Em code review, é uma forma elegante de escapar valores interpolados.
Em código
function maiusc(partes, ...vals) {
const v = vals.map((x) => x.toUpperCase());
return partes[0] + v[0] + partes[1];
}
const nome = 'ana';
console.log(maiusc`Olá, ${nome}!`);
// Olá, ANA!Exemplos
The sql tag turns each value into a safe parameter.
A tag sql transforma cada valor em um parâmetro seguro.
A tagged template calls the function with the string parts.
Um tagged template chama a função com as partes da string.
Cuidado
Achar que a tag recebe a string pronta: ela recebe um array de pedaços fixos e os valores à parte.
Sinônimos
template literal etiquetado