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
26 marzo, 2017
Información clara y concisa. Gracias.
16 abril, 2017
Por fin alguien que explica bien claro y cortito la diferencia. La documentación oficial es muy mala.
13 diciembre, 2018
Muy bien explicado, Gracias
15 noviembre, 2019
Excelente, los ejemplos están bien explicados. La diferencia entre let y var me quedó clara como el agua. Saludos.
25 marzo, 2020
Muy buena explicación. Clara y sin rodeos. Gracias.
2 octubre, 2020
Excelente, al punto
3 junio, 2021
Así, claro y directo. Muchas gracias.
15 diciembre, 2021
Muy clara la explicación, muchas gracias
15 enero, 2022
muy buena explicación