TypeScript Básico
General
Tipos de datos
String
Number
Boolean
Array
Tuple
Enum
Any
Void
Never
Variables y Type Annotations
Enums y Arrays
Funciones
Arrow functions
Definiendo y usando Function Types
Definiendo parámetros
Módulos
POO
Usando sobrecarga de métodos
Interfaces
Objetos
Un objeto es una entidad que agrupa un estado y una funcionalidad relacionada.
Clases
Una clase es una plantilla genérica a partir de la cuál instanciamos los objetos. Dicho de otra manera, una clase es una abstracción en la que se define el comportamiento que va a tener el objeto.
Las clases en Typescript son muy similares a lo que nos ofrecen otros lenguajes de orientación a objetos tradicionales, esto nos ayudará a modularizar nuestro código y a simplificar el desarrollo.
Ejemplo
class Employee { // atributo accesible desde fuera de la clase. public name : string; // Atributos accesible desde clases que hereden de Employee. protected age: number; // Access only inside the Employee class. private mobile : string; constructor(name:string, age: number,mobile: string){ this.name = name; this.age = age; this.mobile = mobile; } getName(){ return this.name; } setName(name: string){ this.name = name; } getAge(){ return this.age; } setAge(age: number){ this.age = age; } getMobile(mobile: string){ this.mobile = mobile; } }
Métodos accesores (getters y setters)
Como sabemos, los métodos get y set, también conocidos como métodos accesores, son simples funciones que usamos en las clases para mostrar (get) o modificar (set) el valor de un atributo. Normalmente los escribimos como "get" o "set" seguido del nombre de la propiedad a la que queremos acceder.
getName()
En Typescript se puede hacer de esta forma o haciendo uso de las palabras reservadas get o set delante del nombre de la función.
Ejemplo
class Actor { private _name : string; constructor(_name:string){ this._name = _name; } set name (value: string){ this._name = value; } get name (){ return this._name; } } let actor = new Actor('Haider Malik'); console.log(actor.name); // set actor.name = 'Jane Doe'; console.log(actor.name);