Erklären Sie TypeScript const vs. readonly Utility Type

Erklaren Sie Typescript Const Vs Readonly Utility Type



Typescript verwendet das Schlüsselwort „const“ und den Dienstprogrammtyp „readonly“ als Datentypen für die Initialisierung von Variablen oder Eigenschaften. Aufgrund ihres Namens und ihrer Funktionalität unterscheiden sich diese beiden Datentypen erheblich voneinander, aber manchmal ist der Benutzer verwirrt, wenn sie im selben Quellcode verwendet werden. In diesem Handbuch wird der Unterschied zwischen dem TypeScript-Schlüsselwort „const“ und dem Dienstprogrammtyp „readonly“ erläutert.

Schauen Sie sich zunächst die Grundlagen der Dienstprogrammtypen „const“ und „readonly“ an.







Was ist das TypeScript-Schlüsselwort „const“?

Der ' const Das Schlüsselwort „gibt an, dass die angegebene Variable konstant ist, was bedeutet, dass ihr Wert nach der Zuweisung nicht mehr geändert werden kann. Es behandelt die angegebene Variable zur Kompilierungszeit als Konstante.



Sehen wir es uns anhand des angegebenen Codes praktisch an.



Code





Kopieren Sie die Codezeilen in die „.ts“-Datei des TypeScript-Projekts:

const a = 100 ;
a = fünfzig ;
console.log ( A ) ;


In den oben genannten Codezeilen:



    • Der ' const „Schlüsselwort initialisiert“ A ” als konstante Variable.
    • Als nächstes wird der konstante Variablenwert „a“ geändert.
    • Schließlich ist das „ Protokoll() Die Methode „a“ zeigt den Variablenwert „a“ an.


Es ist ersichtlich, dass der Editor auch einen Fehler generiert, wenn der Wert der Konstante „a“ nach seiner Initialisierung geändert wird.

Ausgabe

tsc main.ts // Kompilieren Sie die .ts-Datei
Knoten main.js // Führen Sie die .js-Datei aus



Es wird beobachtet, dass während der Kompilierung ein Fehler generiert wird, der angibt, dass der Variablenwert „a“ nicht geändert werden kann, da es sich um eine Konstante handelt.

Was ist der Typescript-Readonly-Utility-Typ?

Kommen wir nun zum Unterschied zwischen dem TypeScript-Schlüsselwort „const“ und dem Dienstprogrammtyp „readonly“.

Erklären Sie den TypeScript-Dienstprogrammtyp „const“ vs. „readonly“.

Die wichtigsten Unterschiede zwischen dem TypeScript-Schlüsselwort „const“ und dem Dienstprogrammtyp „readonly“ werden hier aufgeführt:

    • Arbeiten: Das Schlüsselwort „const“ gibt an, dass der Wert „Variable“ nach der Initialisierung nicht geändert werden kann, während der Dienstprogrammtyp „readonly“ angibt, dass der Wert „Eigenschaft/Variable“ nicht geändert werden kann, nachdem er einmal festgelegt wurde.
    • Verwendung: Das Schlüsselwort „const“ wird nur für Variablen verwendet, um sie konstant zu machen. Andererseits wird der Dienstprogrammtyp „readonly“ für „Eigenschaften und Variablen“ verwendet, die Teile einer Schnittstelle oder eines Objekts sind.
    • Änderung: Die „const“-Variablen können überhaupt nicht geändert werden, während die „readonly“-Eigenschaften zur Laufzeit mithilfe der JavaScript-Methoden geändert werden können.

Abschluss

In TypeScript ist das „ const „Schlüsselwort und „ schreibgeschützt „Versorgungstypen unterscheiden sich voneinander auf der Grundlage von „ Arbeiten “, „ Verwendung ', und das ' Änderung ” Faktoren. Der Hauptunterschied zwischen ihnen besteht darin, dass „const“ nur die Variable konstant macht, während „readonly“ sowohl Variablen als auch Eigenschaften konstant macht. In diesem Handbuch werden die TypeScript-Dienstprogrammtypen „const“ und „readonly“ ausführlich erläutert.