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.
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í:
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:
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.
Finalmente veamos las funciones o métodos que una clase puede tener. La sintaxis es:
[acceso] nombreFuncion() [: valor_retorno ]{}
Por ejemplo:
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.
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.
La impresión de un PDF en cualquier impresora se puede automatizar con un bot de…
Hoy te enseñaré cómo enviar un mensaje a un usuario desde un bot de Telegram…
El día de hoy te enseñaré algo muy sencillo pero útil al programar con PHP:…
El plugin para imprimir en impresoras térmicas alcanza hoy su versión 3.4.0 agregando soporte para…
En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del…
Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo…
Esta web usa cookies.
Ver comentarios
Gracias por el post! realmente muy informativo y con muy buena claridad para explicar.. Muchas Gracias nuevamente!