Skip to main content

17 Cursos de TypeScript – usando export e import

Tutorial #17 del curso de TypeScript, en este tutorial veremos como utilizar los módulos usando export e import para hacer el llamado en cualquier parte de nuestro proyecto.

src/modulos/Frutas.ts

export class Frutas{
    nombre:string;
    color:string;
    constructor(nombre:string, color:string){
        this.nombre = nombre;
        this.color = color;
    }
}

src/modulos/saludo.ts

export function saludo(nombre: string){
    console.log(`Hola ${nombre}`);
}
export const edad = 42;
export const activo = 0;

src/modulos/saludo2.ts

export function saludo2(nombre: string){
    console.log(`Hola ${nombre}`);
}
export default saludo2;

src/bienvenido/index.ts

export function bienvenido(nombre: string){
    console.log(`¡Bienvenido ${nombre}!`);
}

src/index.ts

import { Frutas } from './frutas';
//import { saludo, edad } from './saludo';
import * as pepito from './saludo';
import { bienvenido } from './bienvenido/';
import defaultsaludo from './saludo2';

let fruta1 = new Frutas("Manzana","rojo");

console.log(fruta1.nombre);
console.log(fruta1.color);

pepito.saludo("Antonio");
console.log(pepito.edad);

bienvenido("Pedro");

defaultsaludo("Mundo");

Código fuente disponible en: https://github.com/arielmax7/curso-type-script-export-import

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.