typescript

// Definición de la clase. En este caso definimos como tiene que ser una 'Person'
// Pero la clase NO ES una 'Person'

class Person {
    name: string;
    constructor(theName: string) {
        this.name = theName;
    }
    introduceSelf() {
        console.log("Hi, I am " + this.name + "!");
    }
}

// Para crear objetos de la clase 'Person' debemos usar 'new'
// Instanciar una clase. Al usar new estamos llamando al método reservado 'constructor'
let anna:Person=new Person('Anna');

// ¿Qué valor tiene el name de anna? 'Anna'

anna.introduceSelf()
console.log(anna.name)

let john:Person=new Person('John Pi')

john.introduceSelf()

class Simple {
    a:string='a'
    b:string='b'
}

let foo:Simple=new Simple()

class Producto {
    nombre:string
    precio:number
    constructor(nombreProd:string,precioProd:number){
        this.nombre=nombreProd;
        this.precio=precioProd
    }
    precioConIva(){
        return this.precio*1.21
    }
}

let botijo:Producto=new Producto('Botijo',100)
let gaita:Producto=new Producto('Gaita',150)

console.log(botijo.precioConIva())
console.log(gaita.precioConIva())

¿Seríais capaces de añadir a Producto una función precioConDescuento que nos devuelva el precio con un 10% de descuento? ¡Seguro que sí!

Ejercicio interfaces TS

Declarar un interface llamado ‘Producto’ que incluya:

Nombre:string
Precio:number
oferta:boolean opcional

Crear un producto ‘botijo’ que valga 100€ y otro ‘gaita’, que valga 150€ y esté de oferta.

Crear una función precioConIva que tenga como parámetro un ‘Producto’, que devuelva un number y que lo que devuelva sea el precio del producto multiplicado por 1.21


interface Producto {
    nombre:string,
    precio:number,
    oferta?:boolean
}

let botijo:Producto={nombre:'Botijo',precio:100}

let gaita:Producto={nombre:'Gaita',precio:150,oferta:true}

function precioConIva(p:Producto):number{
    return p.precio*1.21
}

console.log(botijo.nombre,precioConIva(botijo))

Prueba TS

Declarar una variable como cadena y asignarle cadena y numero para ver si da error
Declarar una variable como array de cadenas y lo mismo, probar si se le pueden asignar otros valores o da error

Declarar una función triple(numero:number):number que nos devuelva el triple de un número y ver si funciona y que pasa si pasamos una cadena o asignamos el resultado a una variable de tipo string

https://www.typescriptlang.org/play

let cad:string;

cad='hola'

cad=5  //ERROR

let alumnos:string[]

let perros:Array<string>  // Tipos genéricos, una característica de TS

perros=['carlino','Bulldog','Sin raza']

perros=[1,2,3]  // ERROR

alumnos=['ana','eva','pep']

alumnos=[1,2,3] // ERROR

alumnos=['ana','eva',3]  //Error en el 3


function triple(numero:number):number{
    return numero*3
}

console.log(triple(5))

let edad:number

edad=triple(7)

cad=triple(9)  //ERROR

let a: [number, string];

a=[3,'cadena']

a=['cadena',5]  //ERROR

enum Animals {cat, lion, dog, cow, monkey}
let c: Animals = Animals.cat;
 
console.log(Animals[3]); // cow
console.log(Animals.monkey); // 4