¿Cómo implementar constantes de clase en TypeScript?

En este artículo, intentaremos comprender cómo crear varias constantes de clase (propiedades con valores constantes) en TypeScript con la ayuda de ciertos ejemplos de código para una mejor comprensión del concepto y aclaración.

Primero comprendamos rápidamente cómo podemos crear una clase en TypeScript con la siguiente sintaxis:

Sintaxis: use la siguiente sintaxis proporcionada por TypeScript para crear una clase :

class class_name {
    // Some codes....
}

Los siguientes ejemplos nos ayudarían a comprender la sintaxis anterior para la creación de la clase.

Ejemplo 1: en este ejemplo, simplemente crearemos una clase y luego usaremos los datos dentro de ella creando su propia instancia (u objeto) mientras llamamos a cualquier dato en particular.

class DisplayName {
  name: string = "GeeksforGeeks"
}
  
let instance = new DisplayName();
console.log(instance.name);

Producción:

GeeksforGeeks

Ahora, hemos entendido cómo crear una clase en TypeScript. Veamos cómo crear una clase que tenga campos constantes o propiedades con valores que no sean modificables o modificables.

Ejemplo 2: En este ejemplo, crearemos una clase con la misma sintaxis que se ha ilustrado anteriormente. Aquí usaremos una palabra clave llamada solo lectura que eventualmente nos ayudará a hacer que ese valor de campo en particular no se pueda modificar. Si intentamos cambiar ese valor, como resultado, aparecerá un mensaje de error en la consola del navegador del usuario.

class DisplayResult{
  readonly name : string = "GeeksforGeeks";
  displayResult() : void{
    console.log(this.name);
    // this.name = "Aman" 
    // Display an error message since 
    // it is readonly class property...
  }
}
  
let instance = new DisplayResult();
instance.displayResult();

Producción:

GeeksforGeeks

Ejemplo 3: en este ejemplo, estaríamos creando una clase nuevamente con la misma sintaxis proporcionada anteriormente. Junto con la palabra clave readonly en esto, estaríamos usando otra palabra clave llamada static que eventualmente nos ayudaría a instanciar directamente esa propiedad constante sin crear ninguna instancia específica para la misma.

En otras palabras, esta propiedad de clase permanecería constante y no asignable al constructor de clase si usamos lo ilustrado arriba. También para simplificar, estaríamos declarando aquí el método estático (que no requiere instanciación de ninguna instancia durante la llamada) que será responsable de mostrar nuestro resultado en la consola del navegador.

class DisplayResult{
      static readonly username : string = "GeeksforGeeks";
      static displayResult() : void {
    
         // DisplayResult.username = "Aman" 
        // Display an error message since
        // it is readonly class property...
        console.log(DisplayResult.username);
    }
}
  
DisplayResult.displayResult();

Producción:

GeeksforGeeks