Typescript en ejemplos sencillos
1. Booleanos
let verdadero:boolean = true;
if(verdadero){
[Link]('Typescript funcionando correctamente!!');
}
2. Clases
class Libro{
id:number=0;
titulo:string='';
autor:string='';
}
let libro:Libro = new Libro();
[Link]=1;
[Link]='El libro de las decepciones.';
[Link]='Raul Gutierrez Prado.';
[Link](libro);
[Link]([Link]);
[Link]([Link]);
[Link]([Link]);
3. instanceof
class Perro{}
class Gato{}
let gato:Gato = new Gato();
let perro:Perro = new Perro();
if(gato instanceof Gato){
[Link](gato," es un Gato ");
}
if(perro instanceof Gato){
[Link](perro," es un Gato ");
}
try{
let division = 7/0;
[Link]("division: ",division);
}catch(e){
[Link]("Ha ocurrido un error:",e);
}
4. Interfaces
interface Servicio{
nada():void;
}
abstract class A {
abstract nada():void;
}
class B extends A{
nada():void{
[Link]("Hacer nada en B");
}
}
class C extends A{
nada(): void{
[Link]("Hacer nada en C");
}
}
class X implements Servicio{
nada():void{
[Link]("Hacer nada en X");
}
}
class Y implements Servicio{
nada():void{
[Link]("Hacer nada en Y");
}
}
let my_x = new X();
let my_y:Y = new Y();
let my_b:B = new B();
let my_c:C = new C();
my_x.nada();
my_y.nada();
my_b.nada();
my_c.nada();
5. Más clases
class Caballo{
constructor(public nombre:string){}
}
const datos = {id: 1, valor:"ALPHA"};
let my_caballo: any;
my_caballo = new Date();
[Link](my_caballo);
my_caballo = new Caballo("Incipiente");
[Link](my_caballo);
let arrayCaballos:Caballo[] = [new Caballo("Hordy"), new Caballo("Valiente"), new
Caballo("Tornado")];
for(let caballo of arrayCaballos){
[Link]([Link]);
}
[Link]("id:",[Link]);
[Link]("valor:",[Link]);
6. Más booleanos
function verdaderoNumber(){
return 4 > 0;
}
function verdaderoStr(){
return "Hola".toString() === "Hello";
}
function verdaderoAnd(){
return ("3".toString() === "7") && false;
}
function verdaderoOr(){
return 6>0 || 8<0;
}
[Link](verdaderoNumber());//true
[Link](verdaderoStr());//false
[Link](verdaderoAnd());//false
[Link](verdaderoOr());//true
[Link](!verdaderoNumber());//false
[Link](!verdaderoAnd());//true
7. String
let str = new String("Hola, amigos!!");
[Link](typeof(str));//object
if(str == new String("Hola, amigos!!")){
[Link]("Parece que son iguales!!");
}else{
[Link]("No son iguales!!");
}//Salida: No son iguales!!
[Link]("Hola, amigos!!.charAt(0) = " ,[Link](0));//H
[Link]("Hola, amigos!!.charAt(1) = " ,[Link](1));//o
str = "Null";
[Link]("str = ",str);
[Link]("[Link]('u') = ", [Link]('u'));//1
[Link]("[Link]('l') = ", [Link]('l'));//2
str = "Hola, adios";
let arrayStr: String[] = [Link](",");
for(let arr of arrayStr){
[Link]([Link]());
}
[Link]("MEXICO".toLowerCase());
[Link]("europa".toUpperCase());
[Link]("alma".replace("a","o"));//olmo
[Link]("Roma".match("Roma"));
[Link]("Hola".concat(" "+"amigos!!").trim());
let listaNombres: String[] = ["Adela","Benancio","Guero"];
for(let nombre in listaNombres){
[Link](listaNombres[nombre]+" : "+nombre);
}
8. Económica
export class Economica{
presente:number;
tasa:number;
periodo:number;
constructor(presente:number,tasa:number,periodo:number){
[Link]=presente;
[Link]=tasa;
[Link]=periodo;
}
getCalculo(){
return [Link]([Link]*[Link](1+[Link]/100,[Link]));
}
}
import {Economica} from "./modelo/economica"
const print= [Link]
let economicas = [new Economica(320,0.03,9),new Economica(333.99,0.05,10),new
Economica(120.2,0.4,12)]
print(economicas)
print("--------------------------------------------------------------")
for(let econo of economicas){
print(econo,"Valor futuro="+[Link]())
}
print("--------------------------------------------------------------")
9. Carrito
class Compras{
carrito:any[] = new Array()
constructor(carrito:any[]){
[Link]=carrito
}
agregarArticulo(articulo:any){
[Link](articulo)
}
getCarrito(){
return [Link]
}
quitarArticulo(){
[Link]()//borra el último agregado
}
function main(){
let compras = new Compras(new Array())
[Link]("Computadora DELL 1200")
[Link]("Hojas Bond")
[Link]("Lapices Tipo 2B")
[Link]("Compras:",[Link]())
[Link]()
[Link]("Compras:",[Link]())
}
main()
10. Más clases
class Direccion{
calle:string;
numero:number;
codigo:number;
ciudad:string;
estado:string;
constructor(calle:string,numero:number,codigo:number,ciudad:string,estado:string){
[Link]=calle;
[Link]=numero;
[Link]=codigo;
[Link]=ciudad;
[Link]=estado;
}
}
class Empleado{
nombre:string;
cargo:string;
telefono:string;
correo:string;
direccion:Direccion;
constructor(nombre:string,cargo:string,telefono:string,correo:string,direccion:Direccion){
[Link]=nombre;
[Link]=cargo;
[Link]=telefono;
[Link]=correo;
[Link]=direccion;
}
enum TipoProgramador{
JUNIOR="JUNIOR", SENIOR="SENIOR", MASTER="MASTER",
}
class Programador extends Empleado{
tipo:TipoProgramador
constructor(nombre:string,cargo:string,telefono:string,correo:string,direccion:Direccion,tipo:
TipoProgramador){
super(nombre,cargo,telefono,correo,direccion);
[Link]=tipo;
}
function main(){
let direccion = new Direccion("Juarez",20,54100,"Santa Juanico","Edo. Méx.")
let empleado = new Empleado("Antonio
Alvarez","Contador","7231220099","[Link]@[Link]",direccion)
[Link]("Empleado:",empleado)
[Link]("------------------------------------------------")
let tipo = [Link]
direccion = new Direccion("Aldama",120,53300,"Torres Negras","Edo. Méx.")
let programador = new Programador("Irene
Sanchez","Programador","7221009987","[Link]@[Link]",direccion,tipo)
[Link]("Programador:",programador)
}
main()