Desbloqueando el objeto con Object.freeze() en JavaScript

Aprende a utilizar la función Object.freeze() para proteger y bloquear objetos de modificaciones no deseadas en JavaScript.

En el lenguaje de programación JavaScript, es común trabajar con objetos que requieren ser protegidos o bloqueados para evitar cambios innecesarios. La función Object.freeze() se utiliza para hacer un objeto ‘fijo’ y no permitir modificaciones posteriores. En este artículo, exploraremos cómo usar Object.freeze() en JavaScript y cómo puede mejorar la seguridad de tus proyectos.

Ejemplo 1: Congelar un objeto simple

const persona = {
  nombre: "Juan Pérez",
  edad: 25,
};

Object.freeze(persona);

Con Object.freeze(), no se puede modificar el objeto persona. Si intentamos hacerlo, JavaScript lanzará una excepción.

Ejemplo 2: Congelar un objeto anidado

const personaCompleta = {
  nombre: "Juan Pérez",
  edad: 25,
  direccion: {
    calle: "123 Main Street",
    ciudad: "Anytown",
    estado: "CA",
  },
};

Object.freeze(personaCompleta);

En este ejemplo, el objeto personaCompleta tiene una propiedad anidada direccion. Al congelar personaCompleta, también se congela la propiedad direccion.

Ejemplo 3: Congelar un objeto creado con Object.create()

const prototype = {
  saludar: function () {
    return "Hola, soy un prototipo";
  },
};

const instancia = Object.create(prototype);
instancia.nombre = "Instancia";

Object.freeze(instancia);

En este ejemplo, creamos un objeto instancia a partir de un prototipo y lo congelamos para evitar cambios en él.

Ejemplo 4: Congelar un objeto creado con la sintaxis de clase

class Persona {
  constructor(nombre, edad) {
    this.nombre = nombre;
    this.edad = edad;
  }
}

const persona1 = new Persona("Juan Pérez", 25);
Object.freeze(persona1);

En este ejemplo, creamos una instancia de la clase Persona y la congelamos para evitar cambios en ella.

Ejemplo 5: Congelar un objeto creado con la sintaxis de arrow function

const persona = {
  nombre: "Juan Pérez",
  edad: 25,
  saludar() {
    return `Hola, soy ${this.nombre}`;
  },
};

Object.freeze(persona);

En este ejemplo, creamos un objeto con una función arrow saludar y lo congelamos para evitar cambios en él.

Ejemplo 6: Congelar un objeto creado con la sintaxis de async function

const persona = {
  nombre: "Juan Pérez",
  edad: 25,
  promesa() {
    return new Promise((resolve) => {
      setTimeout(() => resolve(`Hola, soy ${this.nombre}`), 1000);
    });
  },
};

Object.freeze(persona);

En este ejemplo, creamos un objeto con una función async promesa y lo congelamos para evitar cambios en él.

Conclusión

Object.freeze() es una función útil en JavaScript para proteger y bloquear objetos de modificaciones no deseadas. Al utilizar esta función, puedes garantizar que un objeto no se vea afectado por cambios innecesarios. Asegúrate de usar Object.freeze() en tus proyectos futuros para proteger y bloquear objetos importantes y evitar errores de programación.