Uso de Literales de Plantilla en ES6

Los literales de plantilla, introducidos en ECMAScript 6 (ES6), son una nueva forma de hacer concatenación de cadenas en JavaScript. En ES6, un literal de plantilla es una cadena de texto que nos permite incrustar expresiones en ella.

Para definir un literal de plantilla se utilizan los signos de acento grave, (backticks), en lugar de las tradicionales comillas simples ('') o dobles (""). Este tipo de sintaxis nos permite incorporar variables o expresiones directamente dentro de una cadena.

En la pregunta, el literal de plantilla correcto se representa como:

`Hola ${name}`

En este literal de plantilla, ${name} es una expresión que se evalúa e inserta en la cadena. El resultado es una cadena con el valor de la variable name incrustado en ella. Este método de interpolación de cadena es mucho más elegante y limpio que el antiguo método de concatenación con el operador +, como "Hola " + name.

Veamos un ejemplo práctico:

let nombre = 'Juan';
console.log(`Hola ${nombre}`);

La consola devolverá "Hola Juan", asumiendo que el valor de la variable nombre sea 'Juan'. Esto ilustra cómo los literales de plantilla en ES6 permiten una forma más sencilla y legible de manipular cadenas en JavaScript.

Hay que considerar que los literales de plantilla en ES6 también admiten cadenas multilínea de forma nativa, lo cual puede ser útil al trabajar con cadenas de texto más largas.

Los literales de plantilla representan un avance considerable para la manipulación de cadenas en JavaScript, simplificando el código y mejorando la legibilidad.