Propiedades de los Objetos en JavaScript

En JavaScript los objetos son colecciones de propiedades, y cada propiedad tiene un conjunto de atributos que definen su comportamiento. Estos atributos controlan aspectos como si una propiedad es visible durante la iteración, si se puede modificar o si se puede eliminar. Entender los atributos de las propiedades es clave para trabajar con objetos de manera más avanzada y para poder controlar cómo se gestionan las propiedades de los objetos.

En este artículo, exploraremos en profundidad qué son las propiedades de los objetos en JavaScript, sus atributos internos y cómo podemos manipularlos.

¿Qué es una Propiedad en JavaScript?

Una propiedad en JavaScript es un par clave-valor asociado a un objeto. Las claves (también llamadas nombres de propiedades) son cadenas, mientras que los valores pueden ser cualquier tipo de dato, incluidos otros objetos o funciones.

Ejemplo básico de una propiedad:

const persona = {
  nombre: 'Juan',
  edad: 30
};

En este ejemplo el objeto persona tiene dos propiedades: nombre y edad. Cada propiedad tiene una clave (nombre, edad) y un valor asociado ('Juan', 30).

Atributos Internos de las Propiedades

En JavaScript, cada propiedad de un objeto tiene varios atributos internos que definen su comportamiento. Estos atributos son importantes porque controlan cómo se puede interactuar con las propiedades.

Los tres atributos más importantes de una propiedad son:

1. Writable: Determina si el valor de la propiedad se puede modificar. Si es true, el valor de la propiedad puede ser modificado. Si es false, el valor es de solo lectura.
2. Enumerable: Controla si la propiedad aparece durante las iteraciones (por ejemplo, con un for...in). Si es true, la propiedad aparecerá en iteraciones. Si es false, no aparecerá en iteraciones, pero sigue siendo accesible.
3. Configurable: Define si la propiedad puede ser eliminada o si sus atributos pueden ser modificados. Si es true, la propiedad se puede eliminar y sus atributos (como writable o enumerable) pueden cambiar. Si es false, la propiedad no puede ser eliminada y sus atributos no pueden ser modificados.

Propiedades de datos vs. Propiedades de acceso

• Propiedades de datos: Son las más comunes, donde la propiedad almacena un valor simple o una referencia a otro objeto.
• Propiedades de acceso: En lugar de almacenar un valor definen un par de funciones: get (para obtener el valor) y set (para establecer el valor).

Uso de Object.getOwnPropertyDescriptor()

Para ver los atributos de una propiedad puedes usar el método Object.getOwnPropertyDescriptor(), que devuelve un descriptor de la propiedad. Este descriptor contiene los atributos como writable, enumerable y configurable.

const persona = {
  nombre: 'Juan',
  edad: 30
};

const descriptor = Object.getOwnPropertyDescriptor(persona, 'nombre');
console.log(descriptor);

{ 
  value: 'Juan', 
  writable: true, 
  enumerable: true, 
  configurable: true 
}

En este caso, podemos ver que la propiedad nombre es writable, enumerable y configurable.

Modificar los Atributos de las Propiedades

Podemos cambiar los atributos de una propiedad utilizando el método Object.defineProperty(). Este método nos permite modificar los atributos como writable, enumerable y configurable.

Ejemplo: Modificar los atributos de una propiedad

const persona = {
  nombre: 'Juan',
  edad: 30
};

// Hacer que la propiedad 'nombre' sea de solo lectura
Object.defineProperty(persona, 'nombre', {
  writable: false
});

persona.nombre = 'Carlos';  // No tendrá efecto, porque writable es false
console.log(persona.nombre);

"Juan"

La propiedad nombre ha sido configurada como no modificable (writable: false), por lo que cualquier intento de cambiar su valor será ignorado.

Propiedades de Acceso: Getters y Setters

Las propiedades de acceso no almacenan un valor directamente. En su lugar tienen funciones getter y setter que permiten obtener o establecer el valor de la propiedad de manera controlada.

const persona = {
  nombre: 'Juan',
  apellido: 'Pérez',
  get nombreCompleto() {
    return `${this.nombre} ${this.apellido}`;
  },
  set nombreCompleto(nombreCompleto) {
    const partes = nombreCompleto.split(' ');
    this.nombre = partes[0];
    this.apellido = partes[1];
  }
};

console.log(persona.nombreCompleto); 

persona.nombreCompleto = 'Carlos Sánchez';
console.log(persona.nombre);
console.log(persona.apellido);

"Juan Pérez"
"Carlos"
"Sánchez"

En el anterior ejemplo hemos definido una propiedad de acceso llamada nombreCompleto con un getter y un setter. Esto nos permite construir y modificar la propiedad nombreCompleto de manera dinámica.

Diferencias entre Propiedades de Datos y Propiedades de Acceso

• Propiedades de datos: Tienen un valor simple y los atributos que ya hemos visto: writable, enumerable y configurable.

• Propiedades de acceso: No tienen un valor directo, pero en su lugar definen funciones para obtener (getter) y establecer (setter) el valor de la propiedad. No tienen el atributo writable porque el valor se controla a través del setter.

El Atributo configurable y su Importancia

El atributo configurable determina si se pueden realizar cambios en los atributos de una propiedad o si la propiedad puede ser eliminada del objeto. A continuación un ejemplo donde este atributo se establece en: configurable: false:

const persona = {
  nombre: 'Juan'
};

Object.defineProperty(persona, 'nombre', {
  configurable: false
});

delete persona.nombre;  // No tendrá efecto, porque configurable es false
console.log(persona.nombre);

"Juan"

En el ejemplo la propiedad nombre no se puede eliminar debido a que se ha establecido como no configurable. Esto es útil cuando deseas proteger propiedades críticas en un objeto.

Conclusión

Las propiedades de los objetos en JavaScript son más que simples pares clave-valor. Cada propiedad tiene un conjunto de atributos que controlan cómo se puede modificar, enumerar o eliminar la propiedad. Entender estos atributos, junto con la diferencia entre propiedades de datos y propiedades de acceso, te permitirá tener un control más preciso sobre cómo funcionan los objetos en tus aplicaciones.

En el siguiente artículo profundizaremos en las propiedades enumerables y las propiedades propias de los objetos, destacando las diferencias clave entre ellas.