Class

Clase 2 de 25 • Curso de TypeScript: Programación Orientada a Objetos y Asincronismo

Clase anteriorSiguiente clase

Alex hernandez mitre

student•

TypeScript cada vez me gusta más.

Axel Enrique Galeed Gutierrez

student•

Les comparto mis apuntes. :D

¿Qué es class?

JavaScript es un lenguaje orientado a objetos, pero está basado en prototipos.
Las clases son una sintaxis más amigable para trabajar con prototipos, las clases internamente son prototipos.
La utilizamos para construir instancias de objetos, es como un molde para crear cosas.

Buenas prácticas

Es una buena práctica inicializar las propiedades que coloquemos en nuestra clase, ya sea por fuera o dentro de nuestro constructor.

Oscar David Mendoza Apaza

student•

Como aporte: Los prototipos también se diferencia con la POO porque no solamente crean objetos mediante instancias, sino también mediante la clonación.

Mateo Orozco Lotero

student•

Quien en el 2023?

DANIEL EDUARDO LOPEZ ACOSTA

student•

Quien en 2025?

Manuel Alfonso Illidge Ramírez

student•

YO, ya casi 2026. :-)

Paolo Joaquin Pinto Perez

student•

Codigo de la clase

const date = new Date();
date.getHours();
date.getTime();
date.toISOString();

const date2 = new Date(1993, 1, 12); // 0 = enero, 11 = dic

date2.getHours();
date2.getTime();
date2.toISOString();

console.log(date);
console.log(date2);


class MyDate {
  year: number;
  month: number;
  day: number;

  constructor(year: number, month: number, day: number) {
    this.year = year;
    this.month = month;
    this.day = day;
  }
}

const myDate = new MyDate(2021, 3, 13);
console.log(myDate);

Juan Diego Salvador Pacheco

student•

Quien en 2024?

Sergio Cabarcos

student•

no me generó la carpeta dist y no se porque

Sergio Cabarcos

student•

ya solucioné

Raúl A. Hernández Lafont

student•

Nico encantado con el prompt de tu terminal. Es starship? Como le haces para que te resalte con colores brillantes el directorio en el que te encuentras? Bien out of context mi pregunta jjj

Diego Raciel Ortega Hernandez

student•

Es un tema OhMyZsh para Zsh shell. Puedes encontrar como configurarlo en la ultima clase del curso "Terminal y linea de comandos"

Eminson Mendoza

student•

Una clase en TypeScript (TS) es una plantilla que define la estructura y comportamiento de los objetos. Se utiliza para encapsular propiedades (atributos) y métodos (funciones) relacionados. TypeScript introduce tipos estáticos, lo que permite especificar el tipo de datos que pueden almacenar las propiedades, mejorando la seguridad y la legibilidad del código.

Las clases en TS permiten la herencia, facilitando la creación de jerarquías de clases y la reutilización de código. También puedes implementar interfaces y patrones de diseño, como el Singleton, para estructurar mejor tu aplicación.

Cayo Legal

student•

Mi código

type CustomDateConstructor = {

  year: MyCustomDate['year'],
  month: MyCustomDate['month'],
  day: MyCustomDate['day']
};

class MyCustomDate {

  public year: number;
  public month: number;
  public day: number;

  constructor({year, month, day}: CustomDateConstructor) {

    this.year = year;
    this.month = month;
    this.day = day;
  }

  getDate() {
    return `The date is ${this.day}/${this.month}/${this.year}`
  }
}

const newDate = new MyCustomDate({day: 12, month: 10, year: 2012});

William Cortes

student•

Excelente class... me encanto la forma como lo explicó! Comparto mis apuntes y agradezco mucho si alguien tiene alguna corrección.

// se crea una instancia de la class Date
//la const date es del type Date
//Al crear la nueva instancia tenemos diponibles todos los //métodos de la misma
//Dichos métodos son funciones y como tal se ejecutan con ()
// y también pueden recibir arguementos

const date = new Date()
date.getHours()
date.getDate()
date.toISOString()

// las clases tienen un constructor el cual también puede recibir //parámetros (como una función).
// y sirven para inicializar la clase con ciertos valores

const date2 = new Date (2001, 2, 29)
date2.getHours()
date2.getDate()
date2.toISOString()
console.log("🚀 ~ file: 01-class.ts ~ line 14 ~ date", date)
console.log("🚀 ~ file: 01-class.ts ~ line 14 ~ date2", date2)

let myVar


//para crear una clase (molde) utilizo la palabra reservada class
//al crear una propiedad de una clase la debo tiṕar e inicializar //al momento de declararla. Pero también puedo 
// hacerlo en el contructor que es la función que
//recibe los parámetros, cuando se genera una nueva instancia
// para ello utilizamos la palabra reservada constructor.
//para referirmos a una propiedad de una clase es decir una //variable interna de la clase
// nos referimos a dicha propiedad con la palabra reservada //this.nombre_de_la_variable


class MyDate{
  year:number
  month: number
  day:number

  constructor(year:number, month: number, day:number){
    this.year = year
    this.month = month
    this.day = day
  }
}

//ahora podemos generar una nueva istancia de nuestra clase

const myDate = new MyDate(2021, 4, 31)
console.log("🚀 ~ file: 01-class.ts ~ line 47 ~ myDate", myDate)

Dario Mendoza

student•

TypeScript es un superconjunto de JavaScript que agrega tipado estático opcional. Esto permite detectar errores en tiempo de compilación, mejorar la autocompletación y facilitar la lectura del código. En el contexto de clases, TypeScript soporta la programación orientada a objetos con características como clases, interfaces y herencia, permitiendo estructurar el código de manera más organizada y escalable. Aprender TypeScript es esencial para desarrollar aplicaciones robustas y mantener un código más limpio y fácil de entender.

Mateo Orozco Lotero

student•

Es recomendable poner en el target esnext en el tsconfig ?

Valentina Hernández

student•

Una clase en programación orientada a objetos es un molde o plantilla que define las propiedades (atributos) y comportamientos (métodos) que los objetos creados a partir de ella tendrán. Permite agrupar datos y funciones relacionadas, facilitando la creación de instancias (objetos) que pueden interactuar entre sí. En TypeScript, una clase se define con la palabra clave class y puede incluir características como herencia y encapsulamiento.

Ulises Serrano Pérez

student•

Viendo este video me doy cuenta que yo creo que una de las cosas que no cambiaria en mi carrera es que empece a programar con un lenguaje fuertemente tipado. Y yo personalmente recomendaría a los que van empezando que lo hicieran también, no solo te obliga a tener buenas practicas sino que también cuando no lo tienes sigues esas buenas practicas y reduces la cantidad de errores a largo plazo.

Abraham Gonzalez

student•

Concuerdo completamente contigo. Yo comencé con C++ y hace que entender lenguajes débilmente tipados como JS sea fácil.

Juan Diego Salvador Pacheco

student•

Clases son como moldes que devuelven objetos estructurados. bajo los parametros que definamos definamos.

Juan Camilo Salazar Rojas

student•

Si no queremos inicializar una avariabel en nuestro proyecto y que no nos genere el error en las variable NO inicializadas. Podemos agregar en el tsconfig.ts "strictPropertyInitialization": false. Así:

"compilerOptions": { "strictPropertyInitialization": false,

}

Este te permitirá que no se inicialice tus variables.

Hector Hernandez

student•

en la consola me terminal me salen 4 problemas con el .tsbuildinfo

"tsbuildinfo": Unknown word.

Brahyan Antonio Martinez Madera

student•

Clases en ts > clases en js

Alex Eugenio Gavidia Donayre

student•

Interesante!

Class

Introducción

¿Ya tomaste el Curso de TypeScript: Tipos Avanzados y Funciones?

Fundamentos de POO

Class

Métodos

Acceso público

Acceso privado

Constructor

Getters

Setters

POO Avanzada

Herencia

Acceso protegido

Static

Interfaces

Clases abstractas

Singleton: constructor privado

Asincronismo y consumo de APIs

Promesas

Tipando respuestas HTTP

Proyecto: migración de funciones a clases

Consumiendo ProductMemoryService

ProductHttpService

Consumiendo ProductHttpService

Genéricos

Generics

Generics en clases

Generics en métodos

Decoradores

Próximos pasos

¿Quieres más cursos de TypeScript?