JavaScript export

Written by Swapnil RajaPublished 24 Aug 2026

export makes a function, variable or class available to other modules.

There are two kinds: named exports and a single default export.

A file can have many named exports but only one default.

Example

javascript

// Simulating a module's exports as a plain object.
const mathModuleExports = {
  double: function (n) { return n * 2; },
  PI_ROUNDED: 3
};

console.log(mathModuleExports.double(5));
console.log(mathModuleExports.PI_ROUNDED);

PreviousJavaScript Modules NextJavaScript import

Example

javascript

const shapesExports = {
  square: function (side) { return side * side; },
  circle: function (r) { return Math.round(Math.PI * r * r); }
};

console.log(shapesExports.square(4));
console.log(shapesExports.circle(3));

Example

javascript

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

const exportedList = { add: add, subtract: subtract };

console.log(exportedList.add(2, 3));
console.log(exportedList.subtract(5, 2));

Complete Example

html

<!-- shapes.js -->
<script type="module">
  export const PI_ROUNDED = 3;

  export function square(side) {
    return side * side;
  }

  function circle(radius) {
    return Math.round(PI_ROUNDED * radius * radius);
  }

  export default circle;
</script>

<!-- This file now has:
     - a named export: PI_ROUNDED
     - a named export: square
     - a default export: circle -->

JavaScript export

Example

Named and Default Exports

Syntax

Named Exports, Simulated

Example

Exporting a List

Example

A Default Export

Example

Renaming on Export

Example

One Default Per File

Example

Complete Example

Try It Yourself

Important Points

Conclusion