Javascript ES6 – #14. Template strings. Plantillas de cadena de texto

Dejamos las clases atrás y cambiamos de tercio para adentrarnos en una de las particularidades más interesantes de Javascript: las plantillas de cadena de texto (template strings).

Este tipo de plantillas literales se delimitan con el carácter de comillas o tildes invertidas (acento grave (` `), en lugar de las habituales comillas sencillas o dobles.

Su uso más habitual es que pueden contener marcadores o expresiones incrustadas, que se identifican por el símbolo del dólar y a continuación la expresión entre llaves (${expresión}) y cadenas de texto de más de una línea.

Las distintas sintaxis básicas de las template strings son las siguiente:

`cadena de texto` //Literal
`línea 1 de la cadena de texto
 línea 2 de la cadena de texto` //Cadena de texto de más de una línea
`cadena de texto ${expresión} texto` //Expresiones 
tag `cadena de texto ${expresión} texto` //Plantillas etiquetadas

En resumen, las template strings son literales de texto que habilitan el uso de:

• Expresiones incrustadas (${expresion})
• Cadenas de texto de más de una línea.
• Interpolación expresiones.
• Plantillas con una función de preprocesado.

Para escapar una comilla o tilde invertida en una plantilla literal (o template string) de #Javascript debes poner delante una barra invertida (\).

Tweet

Veamos, con unos simples ejemplos, cómo utilizar este tipo de elementos.

¡Consulta en la pestaña Materiales el código fuente trabajado en la lección!

¿No te ha quedado claro? ¿Quieres aportar tu punto de vista? ¡Deja tu comentario!