Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Conceptos básicos de TypeScript para usar Angular

5/21
Recursos

TypeScript es un superconjunto de JavaScript. Permite escribir código JS utilizando tipado de datos estáticos y clases. Convierte a JavaScript en un lenguaje más firme y seguro, reduciendo la tasa de errores gracias a la detección temprana de bugs.

Características de TypeScript

Tipado de datos: Indicar tipo de dato de una variable.

const empresa: string = 'Platzi';
const id: number = 12;


Inferencia de tipos: Declaración de variables sin especificar el tipo.

const empresa = 'Platzi';

TS automáticamente detectará que la variable es un string y evitará asignar otro tipo de dato.


Doble tipado: Asignación de dos tipos de datos a una misma variable.

const empresa: string | number = 'Platzi';

La variable puede ser tanto del tipo string como number.


Tipado de parámetros y retornos de una función:

function myFunction(empresa: string): number {
    // ...
}

La función myFunction espera recibir una variable del tipo string y retornará un number.


Clases y POO: TypeScript le agrega a Javascript la posibilidad de programar Orientado a Objetos.

class Empresa {
    private empresa: string;
    constructor(empresa: string) {
        this.empresa = empresa;
    }
}

Para la posterior creación de objetos a partir de esa clase:

const empresa = new Empresa('Platzi');

Aporte creado por: Kevin Fiorentino.

Aportes 8

Preguntas 3

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Otro truco para las funciones en typescript es que pueden especificar que tipo de dato van a devolver de manera explicita
despues de los parametros y antes de las flechas de la arrow function

const suma = ( a : number , b: number):number => a + b
const saludar = (nombre: string , edad: number ):string => `Hola me llamo ${nombre} y tengo ${edad} años`

Si tienes variables que vas a inicializar en el constructor y son publicas, puedes usar la abreviatura .

constructor ( public age: number, public lastName: string){}

Recuerden esta simple linea de código, puede ahorrar inicializar objetos gigantes en vacío.

No se olviden que una variable puede asumir dos tipos de datos:

const username: string | number = ‘Aaron’;

Hasta este punto voy bien, he comprendido la clase, las configuraciones, inicializaciones. Gracias Nico 💯 ✔️
Para los que no pueden abrir code desde la terminal primero ejecutar:

> sudo apt-get purge code //Para abrir code . 
> code . //Abre el VSC ☑️
#NuncaParesDeAprender💚 🚀
//Variables en TS
const username: string | number = "Jenoz";

//funcion flecha
const suma = (a: number, b:number)=>{
  return a + b;
}

//funcion flecha, llamado
suma(1, 2);

//Inicialización de clase
class Person {
  //encapsulamiento
  //private age:number;
  //lastName:string;

  //constructor //si pongo el alcance como parametro, la variable se crea y se autoasigna con el parametro
  constructor( private age:number,public lastName:string){}

  setage (age:number){
    this.age = age;
  }
}

//Instanciación
const nico = new Person(12,"Martinez");
nico.setage(22);

/*a las funciones tambien se les puede asignar el valor que devolverán desde
ellas mismas, poniendo el tipo de devolucion luego de los parámetros*/
const suma2 = ( a : number , b: number):number => a + b
const saludar = (nombre: string , edad: number ):string => `Hola me llamo ${nombre} y tengo ${edad} años`
const suma = ( a : number , b: number):number => a + b
const saludar = (nombre: string , edad: number ):string => `Hola me llamo ${nombre} y tengo ${edad} años`

Llevo trabajando con Angular ya casi 3 meses y no tenía idea de que era por eso que se podían usar las librerías externas si yo simplemente les pasaba la asignación de esa manera en el constructor. Wow!

Del patron orientado a objetos en TypeScript podemos definir los atributos como public ó private

Inicializamos atributos en el constructor

constructor(public age: number,private lastName: string) { }