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.`);