Mostrando entradas con la etiqueta cadenas de texto. Mostrar todas las entradas
Mostrando entradas con la etiqueta cadenas de texto. Mostrar todas las entradas

lunes, 2 de agosto de 2021

ECMAScript 6.- Témplate String (Cadenas de texto).

                              

En muchas ocasiones nos veremos obligados a concatenar variables con cadenas de texto.

-En versiones pasadas , debíamos concatenas con signos + y cerrando con comillas simples(') cada porción de texto . 

-Ahora en ECMAScript 6 si utilizamos comillas invertidas `` para escribir cadenas de texto , podemos incluir variables del siguiente modo  ${variable} .

EJEMPLO

En consola vamos a imprimir un mensaje que incluya 2 variables ya definidas.


//Declaramos variables
const nombre = 'Erik Navarrete';
const Template = 'estoy haciendo un Template Strings de modo'

//Sin ECMA6
console.log('Mi nombre es ' + nombre + 'y' + Template + ' antiguo')

//Con ECMA6
console.log(`Mi nombre es ${nombre} y ${Template} moderno`)



Conclusión

Con la llegada de ECMA6 se mejoro la forma de hacer


  • Cadenas con variables dentro (interpolación).
  • Generar cadenas multilínea.
  • Ejecutar expresiones, funciones y etiquetados.

Despedida

Esperemos te haya servido de utilidad este articulo , síguenos en nuestras redes sociales para seguir aprendiendo juntos , compártenos cualquier duda o comentario que te haya surgido , puede ayudarnos a crecer a ambos.

TE DEJAMOS UNA imagen que puedes guardar como apuntes de tu progreso




Oxidative Stress and Sports

 Oxidative stress occurs when there is an imbalance in the body between free radicals and antioxidants. Free radicals are molecules with unp...