18

Recientemente, con la salida de ECMAScript 2015 se introdujo el uso de la palabra reservada const que según entiendo es para constantes.

La he probado con algunas variables y todo funciona muy bien, así:

'use strict';
const PI = 3.141516;
PI = 3.14;
console.log(PI);

Lo cual devuelve el siguiente error:

TypeError: Assignment to constant variable.

Eso es completamente esperado en una constante, pero mi duda surge cuando hago lo mismo con un objeto, así:

const empleado = {
  nombre: 'Juan',
  profesion: 'Programador'
};
empleado.nombre = 'Pedro';
console.log(empleado);

Lo cual para mi sorpresa me devuelve el objeto con el nodo nombre modificado, así:

{ nombre: 'Pedro', profesion: 'Programador' }

Pregunta

¿No debería dar el mismo error al tratar de modificar un objeto que ha sido declarado como constante?

6 respuestas 6

17
+200

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

2
  • Para mi, es ilógico pensar que si modifico un miembro de un objeto no estoy modificando el objeto. Commented el 4 mar. 2019 a las 16:22
  • @MáximaAlekz entonces no has entendido a fondo como se almacenan los valores por referencia en memoria. El valor (a nivel de memoria) de una variable que almacena un objeto por referencia (Array, Function, Object), no es el objeto en sí mismo sino la dirección de memoria (virtual) donde se encuentra el objeto. Es esta dirección de memoria la que es constante no el objeto el cual es apuntado por la referencia. Commented el 4 mar. 2019 a las 17:43
15

La declaración const crea una referencia de solo lectura a un valor. Esto no quiere decir que el valor que almacena es inmutable, solo que el identificador de la variable no puede ser reasignado

Esto quiere decir que no puedes sobreescribir el objeto:

'use strict';
const empleado = {
  nombre: 'Juan',
  profesion: 'Programador'
};
empleado = {"atributo": "valor"}

Porque te marca TypeError: Assignment to constant variable.

Sin embargo, los atributos del objetos no están protegidos. Así que, como en tu ejemplo, esta sentencia la puedes ejecutar sin problemas:

empleado.nombre = 'Pedro';

Si quieres tener un objeto totalmente constante puedes usar la siguiente función:

 var constantize = (obj) => {
  Object.freeze(obj);
  Object.keys(obj).forEach( (key, value) => {
    if ( typeof obj[key] === 'object' ) {
      constantize( obj[key] );
    }
  });
};

En tu ejemplo quedaría de esta forma:

'use strict';
 var empleado = {
   nombre: 'Juan',
   profesion: 'Programador'
 };
constantize(empleado);
empleado.nombre = "Pedro"; // Marcará un error, se encuentra protegida.

Para más información puedes ver (en inglés):

1
  • Muy buena respuesta, fue una difícil decisión aceptar una, sin embargo ambas me fueron muy útiles. Gracias. Commented el 20 ene. 2016 a las 16:32
1

En varias documentaciones ya viene explicado que no se puede hacer esto con las variables:

const PI = 3.141592653589793;
PI = 3.14;      // ERROR
PI = PI + 10;   // ERROR

Pero sí se puede hacer esto con los arrays:

// Puedes crear un array como constante
const frutas = ["Pera", "Uva", "Naranja"];

// También puedes modificar uno de sus valores
frutas[0] = "Manzana";

// Y puedes añadirle elementos
frutas.push("Platano");

Pero no esto:

const fruta = ["Manzana", "Pera", "Naranja"];
cars = ["Platano", "Uva", "Melocoton"];    // ERROR
1

Cuando marcas algo como constante no estás haciendo que al objeto no se le pueda cambiar de valor, sino que haces que los punteros de la variable no varíen, donde apuntan. Sin embargo, puedes dar otros valores en memoria a estas variables siempre y cuando no varíe el espacio de memoria en el que están almacenados.

Un ejemplo: Si generas un objeto constante llamado Primero con dos variables A1 y B1, y otro llamado Segundo con variables A2 y B2. Si los igualas y haces "Primero = Segundo", realmente estás cambiado los punteros de A1 y B1 a A2 y B2 respectivamente, y es por eso por lo que te salta la excepción. Sin embargo puedes setear de A1 al valor de A2 sin problema, porque estarás cambiando el valor en memoria del puntero de Primero.A1, pero no el puntero en sí mismo.

1

Para darle una mirada mas hipotetica a esta pregunta antigua. Supongamos que const declara constantes inmutables como espera el OP.

¿Que ocurriría con el siguiente código?

var empleado = {
  nombre: 'Juan',
  profesion: 'Programador'
};

const e = empleado; //crearia esto un clon inmutable?
                    //o haria que el objeto original fuese inmutable?

empleado.nombre = 'Pedro'; //error?

console.log(empleado); //juan o pedro?
console.log(e); //definitivamente pedro, no?

Por supuesto la respuesta correcta es mas simple:

var, let y const declaran identificadores de variables o constantes. No crean objetos ni valores primitivos eso ocurre del lado derecho del =.

Y, claro está, const se refiere a que lo constante es el identificador, no el objeto asociado a este.

0

Cuando declaras una constante de objeto en JavaScript, como const empleado, no estás haciendo que el objeto en sí sea inmutable. En cambio, estás haciendo que la referencia al objeto sea constante. Esto significa que no puedes reasignar la variable empleado para que apunte a un objeto diferente.

Sin embargo, puedes modificar las propiedades del objeto al que apunta la variable empleado. Esto se debe a que los objetos en JavaScript son pasados por referencia, lo que significa que cuando asignas un objeto a una variable, la variable almacena una referencia al objeto en la memoria.

Por lo tanto, cuando haces empleado.nombre = 'Pedro', no estás cambiando el valor de la variable empleado, sino que estás cambiando el valor de la propiedad nombre del objeto al que apunta empleado.

Ejemplo:

const empleado = {
  nombre: 'Juan',
  profesion: 'Programador'
};

// Modificar la propiedad nombre
empleado.nombre = 'Pedro';

// Crear un nuevo objeto y asignarlo a empleado
empleado = {
  nombre: 'María',
  profesion: 'Diseñadora'
}; // Error: Assignment to constant variable

En este ejemplo, podemos modificar la propiedad nombre del objeto empleado porque la variable empleado apunta al mismo objeto durante toda la ejecución del código. Sin embargo, no podemos reasignar la variable empleado para que apunte a un objeto diferente, ya que es una constante.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.