Interpolación de Cadenas en JavaScript ES6

La interpolación de cadenas es una característica imprescindible que se añadió en ES6 (ECMAScript 2015) para facilitar la incrustación de variables en cadenas de texto. Esta funcionalidad es conocida también como Template Literals o Template Strings.

Según el ejemplo proporcionado en la pregunta:

let name = 'Harry';
let occupation = 'wizard';
console.log(`Hi! My name is ${name}. I'm a ${occupation}.`);

El código es completamente correcto. ¿Por qué? Porque está utilizando la interpolación de cadenas tal y como está destinada a ser utilizada en JavaScript ES6.

La sintaxis correcta para la interpolación de cadenas en ES6 es con back-ticks ( ) en lugar de las comillas simples (' ') o dobles (" "). Dentro de las back-ticks, cualquier dato encerrado en ${}` se trata como una variable o una expresión, y se sustituye por su valor cuando se ejecuta el código.

Por lo tanto, al ejecutar este código, el resultado sería:

Hi! My name is Harry. I'm a wizard.

La interpolación de cadenas es una forma moderna y más legible de combinar cadenas y variables en JavaScript. Antes de ES6, se hacía generalmente con el operador de adición (+), lo cual podría llevar a códigos confusos y difíciles de leer, especialmente para largos textos y muchas variables.

Esto es especialmente útil en aplicaciones donde se necesita generar textos dinámicamente basados en las variables, como creación de mensajes personalizados, generación de HTML dinámico en aplicaciones web, entre otras.

Así que recordemos, al trabajar con cadenas de texto en JS ES6, no debemos olvidar la utilidad y ventajas que nos ofrece la interpolación de cadenas. Nos permite desarrollar códigos más limpios, más legibles y eficientes.