Expliquer TypeScript const vs readonly Type d'utilitaire

Typescript utilise le mot-clé 'const' et le type d'utilitaire 'readonly' comme types de données pour l'initialisation des variables ou des propriétés. Selon leur nom et leurs fonctionnalités, ces deux types de données sont assez différents l'un de l'autre mais parfois l'utilisateur est confus lorsqu'ils sont utilisés dans le même code source. Ce guide explique la différence entre le mot-clé 'const' TypeScript et le type d'utilitaire 'readonly'.

Tout d'abord, regardez les bases des types d'utilitaires 'const' et 'readonly'.

Qu'est-ce que le mot-clé TypeScript 'const' ?

Le ' constante ” Le mot-clé spécifie que la variable donnée est constante, ce qui signifie que sa valeur ne peut pas être modifiée une fois qu'elle a été affectée. Il traite la variable spécifiée comme une constante au moment de la compilation.

Voyons cela pratiquement à l'aide du code donné.

Code

Copiez les lignes de code dans le fichier '.ts' du projet TypeScript :

const a = 100 ;
un = cinquante ;
console.log ( un ) ;

Dans les lignes de code ci-dessus :

- Le ' constante ' le mot clé s'initialise ' un ” comme variable constante.
- Ensuite, la valeur de la variable « a » constante est modifiée.
- Enfin, le « enregistrer() » affiche la valeur de la variable « a ».

On voit que l'éditeur génère également une erreur lors de la modification de la valeur de la variable 'a' constante après son initialisation.

Sortir

tsc main.ts // Compiler le fichier .ts
nœud main.js // Exécuter le fichier .js

On observe que lors de la compilation une erreur est générée qui précise que la valeur de la variable « a » ne peut pas être modifiée car il s'agit d'une constante.

Qu'est-ce que le type d'utilitaire Typescript en lecture seule ?

Passons maintenant à la différence entre le mot-clé 'const' TypeScript et le type d'utilitaire 'readonly'.