Diferencia entre revisiones de «TypeScript Básico»

De Wiki Proyectos Beta
Ir a la navegación Ir a la búsqueda
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);