Diferencia entre let y var en ES6 y TypeScript

Hoy vamos a ver la diferencia entre let y var en TypeScript.

Con TypeScript podemos usar las novedades para JavaScript que nos trae el ES6, podemos definir variables de dos formas, utilizando var como ya veníamos utilizando en JavaScript clásico y también podemos usar una nueva palabra reservada que es let.

La diferencia es el alcance de las variables.

let permite declarar variables limitando su alcance al bloque, declaración, o expresión donde se está usando y var define una variable global o local en una función sin importar el ámbito del bloque.

Veamos un ejemplo muy claro del uso de let y var:

function varTest() {
  var x = 31;
  if (true) {
    var x = 71;  // misma variable!
    console.log(x);  // 71
  }
  console.log(x);  // 71
}

function letTest() {
  let x = 31;
  if (true) {
    let x = 71;  // variable diferente
    console.log(x);  // 71
  }
  console.log(x);  // 31
}

Otro ejemplo:

var a = 5;
var b = 10;

if (a === 5) {
  let a = 4; // El alcance es dentro del bloque if
  var b = 1; // El alcance es dentro de la función

  console.log(a);  // 4
  console.log(b);  // 1
} 

console.log(a); // 5
console.log(b); // 1

Con esto ya sabemos cual es la diferencia entre let y var.

Más información:
https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Sentencias/let

Victor

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post

2 Comentarios

  1. Información clara y concisa. Gracias.

    Responder
  2. Por fin alguien que explica bien claro y cortito la diferencia. La documentación oficial es muy mala.

    Responder

Poner un comentario

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