Porque estás confundiendo el concepto de una referencia constante con un objeto inmutable.
Referencia (en este caso una constante) es simplemente una dirección de memoria la cual apunta a un objeto. En cambio el objeto es el valor al cual hace referencia la constante.
En este ejemplo:
'use strict';
const empleado = {
nombre: 'Juan',
profesion: 'Programador'
};
empleado.nombre = 'Pedro';
console.log(empleado);
El valor de la constante empleado
(una referencia que apunta a un objeto particular) sigue sin ser modificado es decir sigue apuntando al mismo objeto. Lo que se ha modificado es el valor de empleado.nombre
no el de empleado
En cambio:
'use strict';
const empleado = {
nombre: 'Juan',
profesion: 'Programador'
};
empleado = {
nombre: 'Pedro',
profesion: 'Hacker'
}; // Uncaught TypeError: Assignment to constant variable.
console.log(empleado);
Si da un error porque se está tratando de modificar el valor de la constante empleado
Si deseas hacer el objeto inmutable debes usar el Object.freeze()
Ejemplo:
'use strict';
var empleado = Object.freeze({
nombre: 'Juan',
profesion: 'Programador'
});
//empleado.nombre = 'Pedro'; // TypeError: Cannot assign to read only property 'nombre' of #<Object>
empleado = {
nombre: 'Pedro',
profesion: 'Hacker'
};
Esta vez ya no se permite modificar el objeto al cual hace referencia la variable empleado
, pero si podrás modificar la variable empleado
puesto que no es constante.
Por su puesto puedes combinar ambas cosas
'use strict';
const empleado = Object.freeze({
nombre: 'Juan',
profesion: 'Programador'
});
//empleado.nombre = 'Pedro'; // TypeError: Cannot assign to read only property 'nombre' of #<Object>
//empleado = {
// nombre: 'Pedro',
// profesion: 'Hacker'
//}; // Uncaught TypeError: Assignment to constant variable.
De esta forma estarías haciendo que no puedas cambiar la referencia al objeto y tampoco sus propiedades.
Más información sobre constantes en JavaScript en esta respuesta a la pregunta de Ventajas de utilizar const sobre var en JavaScript