Esses dois recursos são semelhantes porque não são atribuíveis.

Você pode explicar exatamente isso?

Neste artigo, compartilharei as diferenças entre eles.

const evita a reatribuição a uma variável.

Neste caso, hisName é uma variável que não pode ser reatribuída.

const hisName = 'Michael Scofield'

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

No entanto, você pode reatribuir à propriedade.

const hisFamily = {
  brother: 'Lincoln Burrows'
}

hisFamily.brother = ''
// → ⭕️

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

readonly impede a reatribuição a uma propriedade.

Por exemplo, se você tentar atribuir um valor ao irmão com somente leitura, ocorrerá um erro de compilação.

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

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

Por outro lado, é permitido atribuir à própria variável.

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

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

Conclusão

const torna a própria variável não atribuível, enquanto readonly torna a propriedade não atribuível.

Combinando const e somente leitura, você pode criar um objeto onde a própria variável e as propriedades do objeto são imutáveis.

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.

Boa codificação☀️