Saltar al contenido principal

Template literals

Los template literals son cadenas de texto delimitadas por backticks (`) en lugar de comillas simples (') o dobles (").

Permiten:

  • Interpolación de variables y expresiones (${variable}).
  • Strings multilínea.
  • Expresiones complejas dentro del texto.
const nombre = "Ana";
const edad = 25;

const saludo = `Hola, mi nombre es ${nombre} y tengo ${edad} años.`;
console.log(saludo);
// Salida: Hola, mi nombre es Ana y tengo 25 años.

Multilínea

Con los template literals, no necesitas usar \n ni concatenar strings:

const texto = `Este es un ejemplo
de string que ocupa
varias líneas`;
console.log(texto);

Salida:

Este es un ejemplo
de string que ocupa
varias líneas

Expresiones dentro de ${}

Se pueden incluir operaciones, llamadas a funciones o cualquier expresión válida:

const a = 5;
const b = 10;

console.log(`La suma de ${a} + ${b} es ${a + b}.`);
// Salida: La suma de 5 + 10 es 15.

function doble(x) { return x * 2; }
console.log(`El doble de ${a} es ${doble(a)}.`);
// Salida: El doble de 5 es 10.

Buenas prácticas

Usar template literals en lugar de concatenación con +.

Útiles para:

  • Mensajes dinámicos en consola (console.log).
  • Generación de HTML o strings complejos en Node.js.
  • Construcción de rutas de archivos (path).

Ejemplo comparativo:

const nombre = "Carlos";
const edad = 30;

// Concatenación clásica
console.log("Hola, mi nombre es " + nombre + " y tengo " + edad + " años.");

// Template literal
console.log(`Hola, mi nombre es ${nombre} y tengo ${edad} años.`);