Introducción

JavaScript ha evolucionado y mejorado en los últimos años. Ya tiene un poco de tiempo que se introdujeron estas nuevas características, pero igualmente le puede servir a alguien este tutorial que expone el uso de Const, var y let en JavaScript

Const, var y let en JavaScript

Var

Con esta palabra reservada definimos variables. Por ejemplo:

Pero tiene algunas desventajas. La primera es el scope o ámbito y la segunda es la redeclaración.

Por ejemplo, si no estamos en modo estricto esto es válido:

Estamos definiendo 2 veces la misma variable pero con valores distintos.

Ahora veamos el scope. Con var, el scope de la variable es la función más cercana. Veamos este código:

Lo que sería normal es que la variable baz sólo estuviera viva dentro del ciclo for. Pero no; si más tarde queremos acceder a ella estará disponible incluso fuera del for, tomando toda la función como scope.

Para ejemplificar, si yo llamo a esta función…

Esto aparece en la consola:

var fuera del scope

var fuera del scope

Cosa que no debería pasar, pues sólo debería ser accesible dentro del ciclo.

Let

Let puede ser usado como remplazo de var y no tienes que preocuparte por nada si es que escribes buen código. Recomiendo leer por qué no necesitamos punto y coma ni var en JS

Para declarar hacemos esto:

 

Esta palabra reservada declara variables pero respeta el scope, y no lo extiende a la función más cercana. Si la declaramos en un if, sólo dentro del if será accesible.

Si la declaramos en un for, sólo dentro del for estará accesible. Veamos el ejemplo de arriba pero ahora con let:

let en JavaScript

let en JavaScript

Exacto, no está definida y sólo podemos acceder a ella dentro del ámbito en donde fue definida. Esto tiene muchas ventajas, pues a veces como desarrolladores tenemos tantas variables y tal vez una de ellas esté siendo declarada 2 veces o chocando con otra, introduciendo bugs.

Con let nada de eso pasa y escribimos código más seguro.

Const en JavaScript

Terminamos con const. Esta palabra reservada define una constante, pues hace tiempo no podíamos definir una constante en JavaScript.

Recordemos que una constante nunca cambia su valor. Para definirla hacemos esto:

Y si luego queremos cambiarla…

const en JavaScript

const en JavaScript

El intérprete no nos deja cambiarla. En cambio, si la hubiéramos definido con var las cosas serían distintas.

Por cierto, el scope de const es igual que let; totalmente seguro.

Estoy interesado en trabajar contigo de manera remota para llevar tu idea a la realidad, formar parte de tu equipo de desarrolladores, ayudarte con tu tarea, dar asesorías y todo lo relacionado con tecnología y programación. Contáctame para más información
No te vayas sin seguirme en Twitter, Facebook y GitHub
Si tienes dudas déjalas en un comentario, pero asegúrate de seguirme antes como agradecimiento (no te cuesta nada y me ayudas mucho)


parzibyte

He trabajado por más de 4 años en el desarrollo de software con experiencia en Java, PHP, JavaScript, HTML, Node.JS, Python, Android y Go. También he trabajado con bases de datos SQL como MySQL y SQLite, así como con bases de datos NoSQL usando MongoDB. Soy bueno utilizando algunos frameworks y herramientas como Firebase, jQuery, AngularJS, VueJS, CodeIgniter, Laravel, BulmaCSS, Bootstrap y Electron. Otros términos que conozco son: Arduino, GraphQL, API's, REST, AJAX, PouchDB, CouchDB, Experiencia de usuario, buenas prácticas de programación, Webpack, NPM, Administración de servidores y programación de scripts La plataforma en la que tengo más experiencia es la web, pero en mis ratos libres realizo unos pequeños ejercicios en C# y C. Estoy aquí para ayudarte a resolver tus problemas de programación y depuración :-)

6 Comments

Funciones flecha en JavaScript: usos y sintaxis - Parzibyte's blog · agosto 24, 2018 a las 10:51 am

[…] Nota: recomiendo leer la explicación de let, var y const en JS […]

Remover decimales de número en JavaScript - Parzibyte's blog · septiembre 13, 2018 a las 5:03 pm

[…] Es muy simple. Si no sabes qué es let y por qué la usamos en lugar de var, te invito a leer este tutorial. […]

JavaScript: tomar foto con cualquier cámara (frontal y trasera) - Parzibyte's blog · octubre 22, 2018 a las 10:19 am

[…] cierto, este post está más actualizado; usa constantes, querySelector y otras cosas que los anteriores no. Si bien esto no afecta el funcionamiento, nos […]

Añadir elemento a primera posición de string con JavaScript - Parzibyte's blog · noviembre 1, 2018 a las 4:29 pm

[…] Let en JavaScript […]

Expresión regular para probar si un número es hexadecimal en JavaScript - Parzibyte's blog · noviembre 9, 2018 a las 3:01 pm

[…] La función se ve corta porque estamos usando funciones flecha. Si no sabes qué es const, mira esto. […]

Prevenir comportamiento o pedir confirmación para navegar a link en JavaScript - Parzibyte's blog · diciembre 8, 2018 a las 6:36 pm

[…] aquí lo que es const en JavaScript, y aquí lo que son las funciones flecha en […]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

A %d blogueros les gusta esto: