Menu
Coddy logo textTech

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;
}
challenge icon

Desafío

Fácil

Tienes dos archivos <strong>main.js</strong> y <strong>weather-utils.js</strong>. Tu tarea:

  1. En <strong>weather-utils.js</strong>: Agrega la palabra clave export para que la función getWeatherMessage esté disponible para otros archivos
  2. En <strong>main.js</strong>: Llama a la función importada getWeatherMessage con la temperatura 15 e imprime el resultado usando console.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.log
quiz iconPonte a prueba

Esta 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