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?

No te sientas obligado a realizarme una donación, pero cada aportación me ayuda a mantener el sitio en activo para que continúe existiendo y me motiva a continuar creando nuevo contenido.

Comprame un café
Pulsa sobre la imagen
  • 1 café: Se mantiene el dominio durante 4 meses.
  • 2 cafés: Se liquida 1 mes del Servidor Web.
  • 3 cafés: Se paga 1 mes de Newsletter.

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...