Resumen para los que no quieran leer toda la explicación:
const
define constantes, pero si no tenemos cuidado se pueden modificarvar
define variables con un alcance local (el contexto actual)let
define variables con un alcance local y a partir de la línea en la que se declaran, no antes.- Si no declaramos un identificador, se creará como una variable global a menos que nuestro código sea declarado "estricto"
const identificador= ...
Crea constantes, pero si la constante es un objeto, sus atributos son modificables, por tanto hay que tener cuidado con lo que hacemos:
function falla() {
const k1= 5;
console.log(k1);
k1=6;
console.log(k1);
}
function funciona() {
const k1={};
k1.hola='mundo';
console.log(k1.hola);
}
funciona();
falla();
var identificador ...
Javascript es un poco especial y éste es un buen ejemplo: la variable se puede declarar al usarla, al inicio de nuestro código o al final, realmente dará igual porque el intérprete "subirá" (en inglés a esto se le llama hoisting y también afecta a la declaración de funciones) la declaración al inicio del alcance/contexto actual:
function ejemplo() {
// la declaro abajo, pero el compilador pondrá la declaración aquí, manteniendo la asignación abajo
a='hola mundo';
console.log(a);
var a=6;
console.log(a);
if (a===6) {
var b=4;
}
console.log(b); //se declaró en un if, pero su alcance es toda la función
}
ejemplo();
Hay un problema con los valores de una variable relacionados con clausuras que suele liar a los programadores inexpertos, pongo un ejemplo y cómo solucionarlo:
function print(c) {
console.log(c);
}
//generamos una función con un valor fijado de antemano
function generador(c) {
return function () {
print(c);
}
}
for (var i=0;i<5;i++) {
setTimeout(function () { print(i);});
}
for (var i=0;i<5;i++) {
setTimeout(generador(i));
}
let identificador=...
Y llegamos a la última novedad de Javascript, que se comporta de un modo similar a lo que es una variable en otros lenguajes como Java o C: la variable sólo se puede utilizar a partir de su declaración y su alcance es local al bloque, no a la función:
function funciona() {
let a='hola';
console.log(a);
}
function falla() {
a='hola';
console.log(a);
let a;
}
function fallariaTambien() {
let a=1;
if (a==1) {
let b=2;
}
console.log(b);
}
funciona();
//se declara una nueva instancia de i para cada iteración!! el problema que teníamos con var desaparece :)
for (let i=0;i<5;i++) {
setTimeout(()=>console.log(i));
}
falla();
fallariaTambien(); // no llega a ejecutarse por el fallo de la anterior
Y qué pasa si usamos un identificador sin declararlo?
tenemos dos escenario: Javascript "normal" y Javascript "estricto":
function normal() {
hola='hola';
}
function estricta() {
'use strict';
// esto indica al intérprete que funcione en modo estricto: todo ha de estar definido o no funcionará
fallo='esto falla';
}
normal();
console.log(window.hola);
estricta()
Este ejemplo muestra los dos escenarios y, además ayuda a responder a la pregunta ¿Qué es *global* en Javascript?
Si estamos ejecutando en un navegador, el objeto global es siempre window
.
Si estamos ejecutando el código en NodeJS, el objeto global es global
.
Pero ¡ojo!, window
no es toda la ventana del navegador, sino la pestaña actual. Esto es debido a que hasta la llegada de Firefox no había pestañas y cada página que abríamos en un navegador obligaba a tener una ventana nueva abierta. Por seguridad no podemos compartir variables entre diferentes pestañas.