Your files never leave your device
Advertisement

Modules

As your app grows, you shouldn't keep all code in one file. Modules let you share code between files.

Exporting Code

You can export variables, functions, or classes from a file (e.g., math.js).

// math.js
export const pi = 3.14159;

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

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

Importing Code

Bring the exported code into another file (e.g., main.js).

// main.js
import multiply, { pi, add } from './math.js';

console.log(add(2, 3));
console.log(multiply(4, 5));
          

Practice

Note: Modules only work on the web if you use <script type="module"> in your HTML.

Related Guides

Sponsored Utility
While You're Here
Sponsored Recommendations
Advertisement