En este post te mostraré un ejemplo de clase en TypeScript en donde vamos a definir métodos, propiedades y constructores.

También veremos un ejemplo de la sobrecarga de constructores en TypeScript.

Definición de una clase

Para definir una clase se usa la palabra class, seguida del nombre de la clase. El cuerpo de la clase va dentro de llaves. Así:

Propiedades de una clase

Las propiedades (al igual que las funciones o métodos) de una clase en TypeScript pueden ser protected, private o public. Se definen con su tipo. La sintaxis es:

[acceso] nombre_propiedad: tipo;

Veamos un ejemplo:

Constructor

Con TypeScript es un poco complejo manejar la sobrecarga de constructores. Sin embargo, puede definirse un solo constructor y definir parámetros opcionales. En el siguiente ejemplo tenemos al id que es opcional, así que tenemos “dos constructores”:

Como ves, compruebo si el id no está definido, y en caso de que sí, entonces lo defino como -1. Esto es lo que se haría en un constructor alterno: definir el valor por defecto.

Métodos

Finalmente veamos las funciones o métodos que una clase puede tener. La sintaxis es:

[acceso] nombreFuncion() [: valor_retorno ]{}

Por ejemplo:

Ejemplo completo de la clase

El código completo queda así:

A partir del ejemplo puedes crear tus propias clases, espero que te sirva para aprender sobre las clases en TS.

Instanciar clase

Finalmente, por si no lo sabes, para crear una instancia, o un objeto a partir de la clase, se hace lo siguiente:

Relacionado:  Crear proyecto de Vue con TypeScript

Puedes usar let, const o var.

Si el post fue de tu agrado muestra tu apoyo compartiéndolo, suscribiéndote al blog, siguiéndome o realizando una donación.

Suscribir por correo

Ingresa tu correo y recibirás mis últimas entradas sobre programación, open source, bases de datos y todo lo relacionado con informática

Únete a otros 390 suscriptores


parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

0 Comments

Deja un comentario

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

A %d blogueros les gusta esto: