La segunda forma:
var CONSTANTE = 'soy una constante';
No crea una constante sino una variable
La única manera de crear constantes en JavaScript (ES 2015) es mediante el keyword const
La diferencia entre una constante y una variable es que el la referencia no puede ser alterada, es decir no se puede utilizar el operador =
para modificar su valor:
Una constante (como su nombre lo indica) no cambia su valor durante la ejecución
Por ejemplo:
var a = 1;
a = 2;
console.log(a); //Imprime 2, puesto que es una variable y su valor ha sido modificado
En cambio:
const b = 3;
b = 4; // A diferencia de otros lenguajes esto no es error de sintaxis
console.log(b); // Sin embargo imprime 3 ya que el valor de `b` no puede ser modificado.
Es importante notar que esto no convierte el objeto al cual hace referencia la constante sea inmutable, es decir el valor puede ser modificado mas no la referencia
Por ejemplo:
const c = { nombre : "Juan", edad : 30 };
c.nombre = "Lucho";
console.log(c.nombre); // Imprime Lucho. c.nombre sí puede ser reasignado
Sin embargo:
c = { nombre: "María", edad: "30"};
console.log(c.nombre); // Imprime Lucho. c no puede ser reasignado.
Si en cambio deseas también hacer el objeto inmutable puedes utilizar Object.freeze()
.
Ejemplo:
const d = Object.freeze({ nombre: "Pedro": edad: 25 });
d.nombre = "Juana"; // No es error de sintaxis pero no hace nada
console.log(d.nombre); // Imprime "Pedro", ya que el objeto d es inmutable
Object.freeze()
no es exclusivo de constantes también puede ser usado en variables:
var e = Object.freeze({ nombre: "Rosa": edad: 28 });
e.nombre = "Jaime"; // No es error de sintaxis pero no hace nada
console.log(e.nombre); // Imprime "Rosa", ya que el objeto e es inmutable
Sin embargo al no ser una constante toda la variable e puede ser reasignada:
e = { nombre: "Tomás", edad: 23 };
console.log(e.nombre); // Imprime "Tomás", el objeto anterior sigue siendo inmutable y no
// ha sido modificado, simplemente ya no es referenciado por la
// variable e que ahora apunta al nuevo valor.
Otra cosa importante que resaltar es que si bien se puede usar el operardor =
para "intentar" reasignar una constante (aunque esto no logra nada), intentar volver a declarar una constante es un SyntaxError
const f = 5;
const f = 6; // Uncaught TypeError: Identifier 'f' has already been declared(…)
MI_CONSTANTE
ya que el lenguaje carecía de las instrucciones necesarias para lograr que un valor fuera realmente una constante.const
es una adición tardía en las nuevas versiones del lenguaje para resolver esa carencia precisamente, de hechoconst
no protege de las modificaciones a las propiedades de los objetos por lo que estos no son del todo inmutables.