Der Unterschied zwischen readonly und const in Type Script

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

Kannst du 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, Bruder mit Schreibschutz 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 erlaubt.

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 Codieren☀️

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!