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

- `const` define constantes, pero si no tenemos cuidado se pueden modificar
- `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:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    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();

<!-- end snippet -->

    

`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:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    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();

<!-- end snippet -->

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:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    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));
    }



<!-- end snippet -->

`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:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    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

<!-- end snippet -->



Y qué pasa si usamos un identificador sin declararlo?

tenemos dos escenario: Javascript "normal" y Javascript "estricto":

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    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()

<!-- end snippet -->

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.