Exportar con export
Parte de la sección Programación Orientada a Objetos del Journey de JavaScript de Coddy. Lección 8 de 56.
Al organizar tu código JavaScript en varios archivos, la palabra clave export te permite exponer funciones, variables y otro código para que puedan usarse en otros archivos.
Creemos dos funciones sencillas que queremos exportar:
File: math-utils.js
// Una función que suma dos números
function add(a, b) {
return a + b;
}
// Una función que multiplica dos números
function multiply(a, b) {
return a * b;
}
// Exporta las funciones para que otros archivos puedan usarlas
export { add, multiply };Como alternativa, puedes usar la sintaxis de exportación en línea:
File: math-utils.js
// Exporta las funciones directamente
export function add(a, b) {
return a + b;
}
export function multiply(a, b) {
return a * b;
}Desafío
FácilTienes dos archivos main.js y weather-utils.js. Tu tarea:
- En
weather-utils.js: Añade la palabra claveexportpara que la funcióngetWeatherMessageesté disponible para otros archivos - En
main.js: Llama a la función importadagetWeatherMessagecon la temperatura 15 e imprime el resultado usandoconsole.log
Pruébalo tú mismo
import { getWeatherMessage } from './weather-utils.js';
// TODO: Llama a la función getWeatherMessage con una temperatura de 15 e imprime el resultado usando console.logEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Programación Orientada a Objetos
1Objetos y la palabra clave this
Repaso rápido: ObjetosAgregar métodos a los objetosEntendiendo la palabra clave thisFunciones constructorasLa palabra clave newDesafío de repaso7Herencia y la palabra clave extends
HerenciaLa relación "es-un"La palabra clave extendsEl método super()Heredar propiedades y métodosDesafío de repaso13Composición vs. Herencia
La relación "tiene-un" vs. "es-un"Los límites de la herencia profundaConstrucción de objetos2Organización del código
¿Qué son los módulos?Exportar con exportImportar con importExportaciones por defecto vs. nombradas5Encapsulamiento y Acceso
EncapsulamientoCampos de clase públicos y privadosMétodos privadosDesafío de repaso8Organización del código OOP
Organizar clases en módulos11Proyecto: Un renderizador de figuras
Configuración: Clase Figura y exportaciónHerencia de la clase CírculoSobrescritura y método de áreaContador de figuras estático14Sistema de Gestión de Biblioteca
Diseño de la BibliotecaClase Libro con ComposiciónValidación del Autor del Libro9Métodos y propiedades estáticos
Nivel de clase vs. Nivel de instanciaPropiedades estáticasMétodos de utilidad estáticosDesafío de repasoPractica por tu cuenta: Compilador de JavaScript online