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:

Puedes usar let, const o var.


Estoy disponible para trabajar en tu proyecto o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.
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 3,235 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/

1 Comentario

Maximiliano · julio 10, 2021 a las 4:06 pm

Gracias por el post! realmente muy informativo y con muy buena claridad para explicar.. Muchas Gracias nuevamente!

Deja un comentario

Marcador de posición del avatar

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

A %d blogueros les gusta esto: