Typescript importa tus modulos

Pongamos el caso que yo estoy trabajando en un documento Typescript, y necesito usar una variable o función de otro documento. ¿Cómo se hace? Importando el otro archivo como un módulo y declarándolo. Veamos un ejemplo.

Partimos con un documento que lo voy a llamar main.ts. Es el archivo que engloba toda mi aplicación y que necesita una variable de otro documento.


// Importamos el archivo que necesitamos
import { Casa } from "./Casa"

// Creamos nuestra clase o módulo importado
let miCasa = new Casa()

// Mostramos por consola el contenido de la variable 'direccion' del documento
console.log(miCasa.direccion)

Mi otro archivo se llama Casa.ts, y esta en la misma altura que main.ts.


// Debemos declarar una clase con export
export class Casa {
    // Indico mi variable
    direccion:string

    constructor() {
        // Le doy un valor
        this.direccion = 'plaza sueca'
    }
}

Así de sencillo.

Este trabajo está bajo una licencia Attribution-NonCommercial-NoDerivatives 4.0 International.