Exporting with export

Part of the Object Oriented Programming section of Coddy's JavaScript journey — lesson 8 of 56.

When organizing your JavaScript code across multiple files, the export keyword allows you to expose functions, variables, and other code so they can be used in other files.

Let's create two simple functions that we want to export:

File: math-utils.js
// A function that adds two numbers
function add(a, b) {
    return a + b;
}
// A function that multiplies two numbers  
function multiply(a, b) {
    return a * b;
}
// Export the functions so other files can use them
export { add, multiply };

Alternatively, you can use the inline export syntax:

File: math-utils.js
// Export functions directly
export function add(a, b) {
    return a + b;
}
export function multiply(a, b) {   
return a * b;
}

Challenge

Easy

You have two files main.js and weather-utils.js. Your task:

In weather-utils.js: Add the export keyword to make the getWeatherMessage function available to other files
In main.js: Call the imported getWeatherMessage function with temperature 15 and print the result using console.log

Cheat sheet

The export keyword allows you to expose functions, variables, and other code from one file so they can be used in other files.

You can export functions using the export statement at the end of the file:

function add(a, b) {
    return a + b;
}

function multiply(a, b) {
    return a * b;
}

export { add, multiply };

Alternatively, you can use inline export syntax:

export function add(a, b) {
    return a + b;
}

export function multiply(a, b) {
    return a * b;
}

Try it yourself

import { getWeatherMessage } from './weather-utils.js';

// TODO: Call getWeatherMessage function with temperature 15 and print the result using console.log