Cómo usar correctamente var, let y const en Javascript.

El artículo de hoy lo vamos a dedicar a entender el uso correcto de var, let y const en Javascript. Si tu intención es convertirte en un jedi de JavaScript, te dejo los enlaces a nuestros cursos de Curso profesional de javascript y a nuestro Máster de Mean Stack

Debemos evitar a toda costa el uso de var, ya que define las variables con alcance global. Esto no ocurre con las variables definidas con let y const, ya que se definen para un ámbito en concreto.
La diferencia entre let y const radica en que a esta última no se le puede reasignar su valor (aunque sí modificarlo). Es por ello que usar const en variables en las que no tengamos pensado cambiar su valor puede ayudarnos a mejorar la intencionalidad y calidad de nuestro código.

Ejemplo de uso de var en Javascript

var variable = 5;
{
  console.log('dentro', variable); // 5
  var variable = 10;
}

console.log('Fuera',variable); //10
variable = variable * 2;
console.log('Cambiada',variable); //20

Visto lo anterior las variables declaradas con var dentro de una función son globales a toda la aplicación.

Ejemplo de uso de let en Javascript

let variable = 5;
{
  console.log('dentro', variable); // error
  let variable = 10;
}

console.log('Fuera',variable); //5
variable = variable * 2;
console.log('Cambiada',variable); //10

Visto lo anterior las variables declaradas con let dentro de una función, solo serán visibles dentro de esa función y no fuera, tal y como pasaba con var.

Ejemplo de uso de const en Javascript

const variable = 5;
variable = variable * 2; //error
console.log('Cambiada',variable); // No llega aquí

Const es igual que let, con una pequeña gran diferencia: no puedes re asignar su valor, es decir, el valor de la variable siempre será el mismo. Con Ecma Script 6 let es el nuevo var, por lo que no hay razones para usar var.

Un saludo y nos vemos pronto

Jesús Jiménez

Tags:

Deja una respuesta

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

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies