Curso: Typescript

• Ejemplos de códigos

/************************************************************/
/**************     EJ1: Tipado    **************************/
/************************************************************/
/*
function saludo (nombre:string){
    return "Hola, " + nombre;
}

let persona:string = "Gustavo Matamoros";

document.body.textContent = saludo(persona);
*/



/************************************************************/
/**************     EJ2: INTERFACE  *************************/
/************************************************************/
/*
interface: se utiliza para poder declarar tipos de datos como objetos
*/ 
/*
interface Persona{
    Nombre: string;
    Apellido: string;
}

function saludo (persona: Persona){
    return "Hola,  " + persona.Nombre + " " + persona.Apellido;
}

let ejemplo = { Nombre: "Gustavo", Apellido: "Matamoros" };

document.body.textContent = saludo(ejemplo);
*/


/************************************************************/
/**************     EJ3: Clases     *************************/
/************************************************************/
/*
Typescript soporta el uso de clases en javascript
*/

/*Declaramos la clase*/
class Persona {
    NombreCompleto: string;
    

    constructor (
        public Nombre: string, 
        public Apellido2: string, 
        public Apellido3: string    
    ){
        this.NombreCompleto = Nombre+" "+Apellido2+" "+Apellido3;

    }

}

/*Declaramos la variable de prueba*/
let ejemplo = new Persona ("Gustavo","Matamoros","González");

/*Creamos la función de saludo*/
function saludo (persona: Persona){
    return "Hola,  " + persona.NombreCompleto;
}


document.body.textContent = saludo(ejemplo);


/************************************************************/
/**************  TIPOS DE DATOS     *************************/
/************************************************************/

/* Bolean */
let isDone: boolean = false;

/* Numeral */
let decimal: number = 6;
let hex: number = 0xf00d;
let binary: number = 0b1010;
let octal: number = 0o744;

/*String,  puede uar comillas " o ' */
let color: string = "blue";

/* Array */
let list1: number[] = [1, 2, 3];
let list2: Array<number> = [1, 2, 3];


/* Combinado*/
let x: [string, number];
x = ["hello", 10];


/* enum*/
/*
una enumeración es una forma de dar nombres más amigables a conjuntos de valores numéricos
*/
enum Color {Red = 1, Green = 2, Blue = 4}
let c: Color = Color.Green;



/* Any */
let notSure: any = 4;


/* undefined y null */
let u: undefined = undefined;
let n: null = null;


/************************************************************/
/**************  EJ4: uso de variables   ********************/
/************************************************************/
/* Debe utilzar las comillas ` */
let nombreEjemplo: string = "Gustavo Matamoros";
let saludoEjemplo: string = `Hola, ${ nombreEjemplo }`;

document.body.textContent = saludoEjemplo;