Los templates literales son básicamente cadenas literales con la particularidad que se pueden usar variables dentro de ellas para concatenar texto son variables. Esto fue introducido en ECMAScript6 y desde entonces muchos de los programadores la comenzaron a usar. En otras palabras los templetes literales permiten la interpolación de variables y expresiones dentro de una cadena de texto de manera más fácil y cómoda.
Para poder hacer uso de los templates literales debemos usar los backticks, que son estos `` , se parecen a una comillas invertidas pero son quienes hacen posible que usemos los templates literales. Y para poder incrustar variables dentro de las cadenas de texto usamos la siguiente combinación de caracteres ${} donde usamos el símbolo de dólar seguido de una llave de apertura y una de cierre. Dentro de esas llaves es donde podremos colocar código que pueden ser variables, invocar una función que retorne algún valor o hacer operaciones dentro de esos corchetes.
let nombre = "Steven";
let apellido = "Moya";
console.log(`Nombre completo: ${nombre}${apellido}`);
En el anterior ejemplo vemos como tenemos dos variables que son nombre y apellido y que para imprimir en consola el nombre completo usamos el template literal en lugar de concatenar todo usando al signo de +. Utilizamos los backticks `` para que todo lo que vaya dentro de estos sea la cadena, y dentro de las llaves colocamos las variables nombre y apellido que para la cadena tomaran el valor que tengan almacenado. Para el ejemplo anterior lo que se imprimiria en consola seria:
"Nombre completo: Steven Moya"Como mencione anteriormente dentro de estas llaves también se pueden hacer operaciones, por ejemplo:
console.log(`El resultado de 10 + 5 es: ${10 + 5}`)
Lo anterior imprimirá en consola lo siguiente:
"El resultado de 10 + 5 es: 15"Como vemos podemos hacer operaciones de cualquier tipo mientras en la misma linea la concatenamos a la cadena el resultado.
Así como podemos hacer operaciones también podemos usar cualquier código que nos retorne un valor que se pueda concatenar a la cadena
Usar tamplate literales hace que el código sea fácil de entender además de que podemos simplificar el código en una sola linea, su sintaxis es fácil de entender y de usar por lo que la hacen una característica muy buena que hace nuestro código mas elegante y legible. Los templates literales son una característica de JavaScript para poder interpolar texto con variables en una misma cadena sin necesidad de concatenar todo por medio del uso del carácter +. Posee un formato fácil de entender y que ayuda a la legibilidad del código por lo que su uso es muy recomendado.
