Typescript importa tus modulos | Programador Web Valencia

Typescript importa tus modulos

1 minuto

Typescript

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.

Esta obra está bajo una Licencia Creative Commons Atribución-NoComercial-SinDerivadas 4.0 Internacional.

Atribución/Reconocimiento-NoComercial-SinDerivados 4.0 Internacional

¿Me ayudas?

Comprame un café
Pulsa sobre la imagen

No te sientas obligado a realizar una donación, pero cada aportación mantiene el sitio en activo logrando que continúe existiendo y sea accesible para otras personas. Además me motiva a crear nuevo contenido.

Comentarios

{{ comments.length }} comentarios

Nuevo comentario

Nueva replica  {{ formatEllipsisAuthor(replyComment.author) }}

Acepto la política de Protección de Datos.

Escribe el primer comentario

Tal vez también te interese...