Diese beiden Funktionen ähneln sich darin, dass sie beide nicht zuweisbar sind.

Können Sie es genau erklären?

In diesem Artikel werde ich die Unterschiede zwischen ihnen teilen.

const verhindert die Neuzuweisung zu einer Variablen.

In diesem Fall ist hisName eine Variable, die nicht neu zugewiesen werden kann.

const hisName = 'Michael Scofield'

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

Sie können die Eigenschaft jedoch neu zuweisen.

const hisFamily = {
  brother: 'Lincoln Burrows'
}

hisFamily.brother = ''
// → ⭕️

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

readonly verhindert die Neuzuweisung zu einer Eigenschaft.

Wenn Sie beispielsweise versuchen, „Bruder“ schreibgeschützt einen Wert zuzuweisen, tritt ein Kompilierungsfehler auf.

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

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

Andererseits ist die Zuweisung an die Variable selbst zulässig.

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

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

Abschluss

const macht die Variable selbst nicht zuweisbar, während readonly die Eigenschaft nicht zuweisbar macht.

Durch die Kombination von const und readonly können Sie ein Objekt erstellen, bei dem sowohl die Variable selbst als auch die Eigenschaften des Objekts unveränderlich sind.

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.

Viel Spaß beim Programmieren☀️