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
