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 indetificador=...` --- 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