Template Literals

Las plantillas literales (también conocidas como Template Strings) son una forma de crear cadenas en JavaScript utilizando una sintaxis más fácil de leer y escribir. Permiten la interpolación de expresiones, lo que significa que puedes insertar variables y expresiones directamente en la cadena sin tener que concatenarlas manualmente. Las plantillas literales utilizan acentos graves o «backticks» (`) en lugar de comillas simples o dobles.

Template Strings

Las template strings son una forma más sencilla de trabajar con cadenas que incluyen variables y expresiones. Por ejemplo, en lugar de usar la concatenación:

let nombre = "Juan";
let saludo = "¡Hola, " + nombre + "!";
console.log(saludo); // ¡Hola, Juan!

Puedes usar una template string:

let nombre = "Juan";
let saludo = `¡Hola, ${nombre}!`;
console.log(saludo); // ¡Hola, Juan!

String Templates

Las string templates permiten incluir expresiones más complejas y realizar operaciones dentro de las llaves (${}):

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

Back-Tics Syntax

La sintaxis de los acentos graves (`) también permite crear cadenas multilínea sin tener que usar caracteres de escape o concatenación:

let texto = `Esta es una cadena
que se extiende por
múltiples líneas.`;
console.log(texto);
// Esta es una cadena
// que se extiende por
// múltiples líneas.

En resumen, las plantillas literales en JavaScript facilitan la creación y manipulación de cadenas, permitiendo la interpolación de expresiones, operaciones y la creación de cadenas multilínea.