Propiedades de solo lectura

Clase 15 de 22 • Curso de TypeScript: Tipos Avanzados y Funciones

Resumen

Las propiedades de solo lectura son atributos de un objeto que solo pueden ser asignadas durante la creación del mismo y no pueden ser cambiados después. Esto asegura que el valor de la propiedad se mantenga constante y no pueda ser cambiado de forma accidental o intencional.

Readonly en TypeScript

En TypeScript, las propiedades de solo lectura las declaramos con la palabra clave readonly. Veamos un ejemplo:

class Persona {
    // SOLO LECTURA 👀
  readonly nombre: string;
  readonly edad: number;
    // ---

  constructor(nombre: string, edad: number) {
    this.nombre = nombre;
    this.edad = edad;
  }

  saludar() {
    console.log(`Hola, mi nombre es ${this.nombre} y tengo ${this.edad} años.`);
  }
}

const persona = new Persona("Freddy", 35);
persona.saludar(); // ✅"Hola, mi nombre es Freddy y tengo 35 años."

persona.nombre = "Pepe"; // ⛔Error: La propiedad 'nombre' solo se puede leer
persona.edad = 42; // ⛔Error: La propiedad 'edad' solo se puede leer

Contribución creada por: Martín Álvarez (Platzi Contributor).

Irving Juárez

student•

readonly en TS

Como su nombre lo indica, este feature de TS nos ayuda a tener ciertos atributos solo de lectura. Lo que significa que no pueden ser modificados. Un buen caso de uso es el id y el createdAt.

interface BaseModel {
  readonly id: string | number;
  readonly createdAt: Date;
  updatedAt: Date;
}

Axel Enrique Galeed Gutierrez

student•

Les comparto mis apuntes. :D

Readonly

A este lo vamos a utilizar cuando queramos que cierta propiedad solamente sea de lectura y no se la pueda modificar o sobreescribir a lo largo de nuestro programa.

Sintaxis

readonly property;

Salomon Chambi

student•

Un dato importante es que la palabra reservada readonly solo puede ser aplicada a propiedades de clases, interfaces y objetos. (una propiedad es el par key: value;)

class Person {
  readonly name: string;
  
  constructor(name: string) {
    this.name = name;
  }
}

const person = new Person('Nico Bytes');
person.name = 'John Doe'; // Error: Cannot assign to 'name' because it is a read-only property.

Diego Reyes Cabrera

student•

Gracias por el dato extra, amigo

Eminson Mendoza

student•

Para proteger atributos en interfaces de TypeScript, puedes utilizar modificadores de acceso como public, private y protected. Aquí tienes ejemplos:

Atributos públicos: visibles desde cualquier lugar.

interface Usuario {
    nombre: string; // público por defecto
}

Atributos privados: no accesibles desde fuera de una clase que implemente la interfaz.

class Empleado implements Usuario {
    private _sueldo: number;
    constructor(public nombre: string, sueldo: number) {
        this._sueldo = sueldo;
    }
}

Atributos protegidos: accesibles dentro de la clase y sus subclases.

class Gerente extends Empleado {
    protected departamento: string;
}

Estos modificadores ayudan a encapsular y proteger los datos dentro del diseño de tus interfaces y clases en TypeScript.

Eminson Mendoza

student•

Para proteger los atributos en las interfaces de TypeScript, puedes usar modificadores de acceso. Sin embargo, en TypeScript, las interfaces no pueden tener modificadores de acceso como private o protected. En su lugar, puedes usar clases donde puedes definir atributos como private o protected. Aquí tienes ejemplos:

Clase con atributos protegidos:

class Persona {
    protected nombre: string;

    constructor(nombre: string) {
        this.nombre = nombre;
    }
}

Uso de interfaz y clase:

interface IPersona {
    nombre: string;
}

class Empleado implements IPersona {
    private nombre: string;

    constructor(nombre: string) {
        this.nombre = nombre;
    }
}

Para restringir el acceso a atributos en interfaces, considera usar clases en su lugar.

Hector Vasquez

student•

mm pero en el ejemplo no se está modificando un id existente. Se está creando un producto nuevo desde 0 en el arreglo.

Si no permite asignar un id, siempre se estaría creando productos con id vacío. Y eso es un error