Skip to main content
5 de 11
se añadieron 261 caracteres en el cuerpo
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

Resumen para los que no quieran leer toda la explicación:

  • const define constantes, pero si no tenemos cuidado se pueden modificar. Tiene alcance de bloque, como let.
  • var 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 para según qué cosas 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 y "callbacks asíncronos 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 declaración de 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? Pues tenemos dos escenario: Javascript "normal" y Javascript "estricto": En el primero la variable se crea como un atributo del objeto global y en el segundo caso hay un error de compilación, avisando de que la variable no ha sido declarada.

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.

Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92