Export Default – Javascript

export default is used to export a single class, function or primitive.

export default function() { } can be used when the function has no name. There can only be one default export in a file.

Example: message.js

export default function(name) {
  return `Hello {name}`;

We’ll see how to import this function in another file.

In app.js

  import msg from 'message';
  msg("Peter") // Hello Peter 

Another Example:


	export function square(x) {
	  return x * x;
	export const pi = Math.PI;

This can be imported and used as


  import { square, pi } from 'Myfunctions';
  console.log(square(2)); // 4
  console.log(pi);        // 3.141592653589793


	import * as fx from 'Myfunctions';
	console.log(fx.square(2)); // 4
	console.log(fx.foo);    // 3.141592653589793

That’s it!. Please share your thoughts or suggestions in the comments below.

4 thoughts on “Export Default – Javascript

Leave a Reply

Your email address will not be published. Required fields are marked *