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 múltiples archivos, la palabra clave export te permite exponer funciones, variables y otro código para que puedan ser utilizados en otros archivos.
Vamos a crear dos funciones simples que queremos exportar:
Archivo: 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;
}
// Exportar las funciones para que otros archivos puedan usarlas
export { add, multiply };Alternativamente, puedes usar la sintaxis de exportación en línea:
File: math-utils.js
// Export functions directly
export function add(a, b) {
return a + b;
}
export function multiply(a, b) {
return a * b;
}Desafío
FácilTienes dos archivos <strong>main.js</strong> y <strong>weather-utils.js</strong>. Tu tarea:
- En
<strong>weather-utils.js</strong>: Agrega la palabra claveexportpara que la funcióngetWeatherMessageesté disponible para otros archivos - En
<strong>main.js</strong>: Llama a la función importadagetWeatherMessagecon la temperatura 15 e imprime el resultado usandoconsole.log
Hoja de referencia
La palabra clave export te permite exponer funciones, variables y otro código de un archivo para que puedan ser utilizados en otros archivos.
Puedes exportar funciones usando la sentencia export al final del archivo:
function add(a, b) {
return a + b;
}
function multiply(a, b) {
return a * b;
}
export { add, multiply };Alternativamente, puedes usar la sintaxis de exportación en línea:
export function add(a, b) {
return a + b;
}
export function multiply(a, b) {
return a * b;
}Pruébalo tú mismo
import { getWeatherMessage } from './weather-utils.js';
// TODO: Llamar a la función getWeatherMessage con una temperatura de 15 e imprimir 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írculo14Sistema de Gestión de Biblioteca
Diseño de la BibliotecaClase Libro con Composición9Métodos y propiedades estáticos
Nivel de clase vs. Nivel de instanciaPropiedades estáticasMétodos de utilidad estáticosDesafío de repaso