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.

Te he preparado un tutorial en vídeo para que te sea más fácil entenderlo:

Veamos otro 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

Víctor Robles WEB

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post

9 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
  3. Muy bien explicado, Gracias

    Responder
  4. Excelente, los ejemplos están bien explicados. La diferencia entre let y var me quedó clara como el agua. Saludos.

    Responder
  5. Muy buena explicación. Clara y sin rodeos. Gracias.

    Responder
  6. Excelente, al punto

    Responder
  7. Así, claro y directo. Muchas gracias.

    Responder
  8. Muy clara la explicación, muchas gracias

    Responder
  9. muy buena explicación

    Responder

Poner un comentario

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