Presentación de TypeScript
Presentación de TypeScript
● Es un precompilador.
● No requiere ningún plugin.
Instalación de TypeScript
1. Abrir la consola.
2. Escribir el siguiente comando.
> tsc -v
Iniciar con TypeScript
1. Abrir la consola.
2. Escribir el siguiente comando.
{
"compilerOptions" : {
"module" : "commonjs",
"target" : "es5",
"noImplicitAny" : false,
"sourceMap" : false
}
}
Definición de variable.
if (true) {
var foo = 456;
}
console.log(foo);
let
if (true) {
let foo = 456;
}
console.log(foo);
Tipos de datos
Boolean
true o false
let acceso : boolean = true;
acceso = false;
Datos primitivos: Number
Number
Datos numéricos.
let decimal: number = 6;
let hex: number = 0xf00d;
let binary: number = 0b1010;
let octal: number = 0o744;
Datos primitivos: String
String
Cadenas de caracteres y/o textos.
let nombre: string = ‘Juan Perez’;
let direccion: string = “Guatemala, Zona 1”;
let mensaje: string = `Hola Mundo`;
Datos primitivos: String Template
Template
Son plantillas para concatenar strings.
let nombre: string = ‘Juan Perez’;
let edad: number = 37;
let mensaje: string = `Hola, mi nombre es ${ nombre }.
y mi edad es de ${ edad}`;
Datos primitivos: Any
Any
Puede ser cualquier tipo de objeto de javascript.
let variable: any = 4;
variable = "maybe a string instead"; // typeof = string
variable = false; // typeof = boolean
Datos primitivos: Array
Array
Arrays, sino se les especifica tipo son ANY.
let listNumber: number[ ] = [ 1, 2, 3, 4 ];
let listString: Array<string> = [“Hola”, “Saludos”, “Adios”];
Definición de métodos
Ejemplo de promesa:
class Persona {
public nombre: string;
constructor(nombre: string) {
this.nombre = nombre;
Clases }
saludar(): string{
return "Hola, soy " + this.nombre;
}
}
Ejemplo para instanciar una clase
class Persona {
public nombre: string;
constructor(nombre: string) {
this.nombre = nombre;
Herencia }
mostrar(telefono: string) {
console.log(`${this.nombre} y el
número ${telefono}.`);
}
}
Ejemplo de herencia en TypeScript
interface Persona{
nombre: string,
apellido: string
Implementación }
de let batman:Persona = {
nombre: "Bruno",
Interface }
apellido: “Diaz”
Ejemplo de interface en TypeScript
interface Persona{
nombre: string,
puesto: string
Implementación }
mi_modulo.ts
const MiModulo = {
Exportación saludar(): string {
return ‘Hola’;
de }
}
app.ts
persona.ts
class Persona{
Exportación saludar(): string {
return ‘Hola’;
de }
}
Clases
export { Persona };
Ejemplo de módulos en TypeScript
app.ts
Clase persona.saludar();
Conclusiones