¿Cómo usar la sintaxis de clase en Typescript?

Clases: La palabra clave class se introdujo en ES2015. TypeScript es totalmente compatible con la palabra clave ‘clase’. Las clases son una plantilla para crear objetos. Una clase es un tipo de datos definido por el usuario que tiene miembros de datos y funciones de miembros. Los miembros de datos son las variables de datos y las funciones de miembros son las funciones utilizadas para manipular estas variables y, en conjunto, estos miembros de datos y funciones de miembros definen las propiedades y el comportamiento de los objetos en una clase.

Sintaxis: 

class class_name {
  field;
  methods;
}

En la sintaxis anterior de clase en TypeScript, solo usamos la palabra clave class junto con class_name (puede dar cualquier nombre a la clase según su elección o según camelCase) y usamos llaves para definir campos (variables) y métodos (funciones).

Ejemplo 1: en el siguiente ejemplo, creamos la clase (Gfg) y declaramos campos junto con el constructor y la función o el método y, al crear el objeto de esa clase Gfg, accedemos a los campos y métodos a través de ese objeto.

Javascript

class Gfg {
    // Fields
    gfgid: number;
    gfgrole: string;
  
    // Constructor call
    constructor(id: number, role: string) {
        this.gfgid = id;
        this.gfgrole = role;
    }
  
    // Method
    getGrade(): string {
        return "Employee track record is A+";
    }
}
  
const gf = new Gfg(10, "front-end developer");
console.log(`Id of gfg employee is :${gf.gfgid}`);
console.log(`role of gfg employee is :${gf.gfgrole}`);
gf.getGrade();

Producción: 

Id of gfg employee is : 10
role of gfg employee is : front-end developer
Employee track record is A+

El ejemplo declara una clase Gfg que tiene dos campos que son gfgid y gfgrole y un constructor que es un tipo especial de función que es responsable de la inicialización de variables u objetos. Aquí está el constructor parametrizado (ya tiene los parámetros). Y esta palabra clave que se refiere a la instancia actual de la clase. getGrade() es una función simple que devuelve una string.

Ejemplo 2: en el siguiente ejemplo, creamos la clase Geeks y declaramos la función o el método y, al crear el objeto de esa clase Geeks, accedemos al método de la clase a través de ese objeto.

Javascript

class Geeks{
     getName() : void {
        console.log("Hello Geeks");
    }
}
  
const ad = new Geeks()
ad.getName();

Producción: 

Hello Geeks

Referencia: https://www.typescriptlang.org/docs/handbook/classes.html

Publicación traducida automáticamente

Artículo escrito por devendrasalunke y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *