September 27, 2022 2:26 PM (CDT)
Aportes
<aside> 💡 ES6. Tiene muchísimas actualizaciones al ser la gran actualización. Los strings tuvieron una actualización/Sustitución.
</aside>
Las plantillas literales (template literals) nos permite concatenar caracteres y variables de forma más amigable, sin utilizar la concatenación ( + ).
Esto mejora la legibilidad y la mantenibilidad del código.
Antes de ES6, si querías crear una cadena larga o un mensaje elaborado, debías utilizar la concatenación.
La concatenación de caracteres consiste en unir uno o varios caracteres, como si fuera una suma.
let nombre = "Andres"
let edad = 23
let mensaje = "Mi nombre es " + nombre + " y tengo " + edad + " años."
console.log(mensaje);
//Mi nombre es Andres y tengo 23 años.
Esto trae varios problemas en la legibilidad y mantenibilidad del código.
Se convierte cada vez más complejo en mensajes más extensos o el estar pendiente de agregar espacios antes o después de cada variable concatenada.
Las plantillas literales añadidas en ES6, se emplea el carácter acento grave ( ` | Alt Gr + } = ``` ) para envolver el mensaje.
Para incluir las variables se utiliza la sintaxis **${**variable**}**. (Signo de pesos y corchetes).
var nombre = "Andres"
var edad = 23
var mensaje = `Mi nombre es ${nombre} y tengo ${edad} años.` .
console.log(mensaje);
// Mi nombre es Andres y tengo 23 años.
De esta manera el código es más legible y que puede mantenerse.
Teclado en ingles. .