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

JavaScript .- Variables ,Diferencias entre let , const y var.

Sobrescribir variables

Las variables escritas con let pueden sobrescribirse , podemos manipular su valor conforme lo necesitemos en la aplicación.

He declarado una variable "mejor_amigo" , pero este cambiara a lo largo de mi aplicación(como de nuestra vida :( )

let mejor_amigo = 'carlos' //declaramos

console.log(mejor_amigo) //carlos

mejor_amigo = 'pedro' //llamamos y renombramos

console.log(mejor_amigo) //pedro

Hemos renombrado la variable de Carlos a pedro.

const

Las variables escritas con const no podrán sobre-escribirse , como su nombre lo indica (son constantes) .

Por ejemplo definiremos una variable llamada mama, que sin importar el tiempo será igual en toda la aplicación (y en nuestra vida :) ), e intentaremos renombrar esta variable const

const madre = 'Marisol'

console.log(madre) //Marisol

madre = 'Clarita'

console.log(madre) //error

Lo que imprimirá la consola

nota ; los nombres de variables (identificadores) , si pueden tener acento , pero no es muy recomendado su uso.

 

conclusión

 Con let podemos re-definir valores , y con const no

Alcance de bloque

Compliquemos solo un poco el asunto , let y const van a tener un alcance de bloque , es decir , toda porción de código encerrada entre llaves: {} 

*ya debiste ver los artículos sobre visualización de datos (consolé).

const nombre= "Erik" ; 

console.log("El nombre fuera del bloque es") 

console.log(nombre)    

{

    const nombre= "Carlos"

    console.log("el nombre dentro del bloque es") 

    console.log(nombre)

//lo que imprimiremos sera la variable nombre dentro de este bloque

//que nada tiene que ver con las variables definidas afuera

}

console.log("El nombre fuera del bloque sigue siendo") 

console.log(nombre)    

Un ejemplo mas , con mas bloques y un poco mas limpio.

const nombre= "Erik" ; 

console.log(nombre)    

{

    const nombre= "Carlos"

    console.log(nombre)

}

{

    const nombre= "Pedro"

    console.log(nombre)

}

console.log("El nombre fuera del bloque sigue siendo") 

console.log(nombre) 

Resultado que imprime la consola

Hablemos sobre var 

-let y const fueron implementadas para sustituir a var , y si bien declarar variables con var es posible, ya no es aconsejable .

-Var ; no tiene una restricción de bloque , lo que usarlo nos deja un código difícil de estructurar y causa problemas si no nos fijamos bien en las variables que declaramos, solo deberíamos usarla en el remoto caso de que necesitemos declarar una variable Global , que se pueda acceder a su valor , dentro y fuera de los bloques.

conclusión 

En conclusión ; la mayoría de variables debes declararlas con const , pero si  necesitas que tu variable cambie su valor  , en ese caso usa let .

 var nunca pero nunca ,deberías utilizarla en la actualidad , siempre habrá una solución mejor que usar var.

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.