Lo básico de la propiedad de solo lectura.

En Type Script, puedes hacer que el objeto de las propiedades de un objeto sea de solo lectura.

const person: { readonly name: string  } = { name: 'Mike' }

person.name = 21;
// → Cannot assign to 'name' because it is a read-only property.

⚠️① solo lectura es solo en tiempo de compilación

En el código JavaScript compilado, la declaración de solo lectura se elimina, por lo que no se detectará como un error en tiempo de ejecución.

⚠️② solo lectura no es recursivo.

const person: {
  readonly name: string;
  readonly academicBackground: {
    primarySchool: string
  }
} = {
  name: 'Mike',
  academicBackground: {
    primarySchool: 'School A'
  }
}

person.academicBackground.primarySchool = 'School B'
// You can change `person.academicBackground.primarySchool`

Si desea que sea de solo lectura, también debe poner solo lectura en la escuela primaria.

const person: {
  readonly name: string;
  readonly academicBackground: {
    readonly primarySchool: string
  }
} = {
  name: 'Mike',
  academicBackground: {
    primarySchool: 'School A'
  }
}

person.academicBackground.primarySchool = 'School B'
// → Cannot assign to 'primarySchool' because it is a read-only property.

Sólo lectura

Cuando aumenta el número de propiedades, agregar solo lectura a cada una se vuelve engorroso y aumenta la cantidad de código.
Puedes refactorizar usando Readonly.

const obj: {
  readonly a : string;
  readonly b: string;
  readonly c: string;
  readonly d: string;
} = {
  a: 'a',
  b: 'b',
  c: 'c',
  d: 'd'
}

// ↓

const obj: Readonly = {
  a: 'a',
  b: 'b',
  c: 'c',
  d: 'd'
}

Codificación feliz☀️