TypeScript

Ejemplo de una clase en TypeScript

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í:

See the gist on github.

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:

See the gist on github.

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”:

See the gist on github.

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:

See the gist on github.

Ejemplo completo de la clase

El código completo queda así:

See the gist on github.

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:

See the gist on github.

Puedes usar let, const o var.

Encantado de ayudarte


Estoy disponible para trabajar en tu proyecto, modificar el programa del post o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.

No te pierdas ninguno de mis posts

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
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/

Ver comentarios

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

Compartir
Publicado por
parzibyte

Entradas recientes

Imprimir PDF con Bot de Telegram

La impresión de un PDF en cualquier impresora se puede automatizar con un bot de…

3 días hace

Enviar mensaje con bot de Telegram usando JavaScript (lado del cliente)

Hoy te enseñaré cómo enviar un mensaje a un usuario desde un bot de Telegram…

4 días hace

PHP: incrustar imagen en base64

El día de hoy te enseñaré algo muy sencillo pero útil al programar con PHP:…

4 días hace

Plugin ESC POS – Actualización 3.4.0: imprimir HTML

El plugin para imprimir en impresoras térmicas alcanza hoy su versión 3.4.0 agregando soporte para…

5 días hace

JavaScript (lado del cliente): leer pixeles de imagen

En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del…

2 semanas hace

PHP y JavaScript: llenar select con AJAX

Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo…

2 semanas hace

Esta web usa cookies.