Diferencia entre revisiones de «TypeScript Básico»
(→POO) |
|||
Línea 40: | Línea 40: | ||
== Interfaces == | == Interfaces == | ||
== Objetos == | |||
Un objeto es una entidad que agrupa un estado y una funcionalidad relacionada. | |||
== Clases == | == 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); |
Revisión del 16:05 20 ago 2022
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);