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`