Der Unterschied zwischen readonly und const in Type Script

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 jedoch eine Eigentumsübertragung vornehmen.

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, Brother einen Wert mit Schreibschutz 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☀️

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen readonly und const in Type Script. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!