Cadenas de varias líneas (plantillas literales)

En esta lección aprenderás a escribir cadenas de varias líneas con plantillas literales, para construir mensajes de forma legible. Está dirigida a quien busca «uso de plantillas literales en JavaScript» o «cadena multilínea en JavaScript».

Una plantilla literal, envuelta en acentos graves (` `), puede incluir saltos de línea reales directamente, así que puedes escribir texto de varias líneas de forma legible. Resulta cómoda para montar el cuerpo de un correo o un fragmento de HTML. Una ventaja enorme es poder incrustar el valor de una variable directamente en el texto con ${variable}.

El código de ejemplo incrusta una variable con ${nombre} mientras construye un mensaje de varias líneas con saltos reales. Hacer lo mismo con la concatenación tradicional con + exigiría escribir + y el salto en cada línea, dejando un código difícil de leer; la plantilla literal te deja escribirlo con naturalidad, tal como se verá.

Un tropiezo habitual al empezar es confundir la comilla normal (simple o doble) con el acento grave. El acento grave es un símbolo especial del teclado y, sin él, la incrustación con ${} sencillamente no funciona. Otra ventaja dentro de una plantilla es poder usar comillas normales sin escaparlas.

Como permite montar cadenas con tanta limpieza, las plantillas literales son el estándar también en código real. Desde plantillas de correo hasta la construcción de mensajes para una API, se aprovechan en cualquier situación con texto de varias líneas.