Estas dos características son similares en el sentido de que ambas no son asignables.

¿Puedes explicarlo exactamente?

En este artículo, compartiré las diferencias entre ellos.

const evita la reasignación a una variable.

En este caso, suNombre es una variable que no se puede reasignar.

const hisName = 'Michael Scofield'

hisName = 'Lincoln Burrows'
// → ❌ Cannot assign to 'hisName' because it is a constant.

Sin embargo, puedes reasignarlo a la propiedad.

const hisFamily = {
  brother: 'Lincoln Burrows'
}

hisFamily.brother = ''
// → ⭕️

hisFamily = {
  mother: 'Christina Rose Scofield'
}
// → ❌ Cannot assign to 'hisFamily' because it is a constant.

solo lectura evita la reasignación a una propiedad.

Por ejemplo, si intentas asignar un valor a brother con solo lectura, se producirá un error de compilación.

let hisFamily: { readonly brother: string } = {
  brother: 'Lincoln Burrows'
}

hisFamily.brother = ''
// → ❌ Cannot assign to 'brother' because it is a read-only property.

Por otro lado, se permite la asignación a la propia variable.

let hisFamily: { readonly brother: string } = {
  brother: 'Lincoln Burrows'
}

hisFamily = {
  brother: ''
}
// → ⭕️

Conclusión

const hace que la variable en sí no sea asignable, mientras que readonly hace que la propiedad no sea asignable.

Al combinar const y readonly, puedes crear un objeto donde tanto la variable en sí como las propiedades del objeto son inmutables.

const hisFamily: { readonly brother: string } = {
  brother: 'Lincoln Burrows'
}

hisFamily.brother = ''
// ❌ Cannot assign to 'brother' because it is a read-only property.

hisFamily = {
  brother: ''
}
// ❌ Cannot assign to 'hisFamily' because it is a constant.

Codificación feliz☀️