ES6 import export code example

Example 1: alias import javascript

import {default as alias} from 'my-module';

Example 2: js import and export

// helloworld.js

export function helloWorld() {
	return 'Hello World!';
}

// main.js

import helloWorld from './helloworld.js';

console.log(helloWorld());

Example 3: import and export type in js

// Exporting individual features
export let name1, name2, …, nameN; // also var, const
export let name1 = …, name2 = …, …, nameN; // also var, const
export function functionName(){...}
export class ClassName {...}

// Export list
export { name1, name2, …, nameN };

// Renaming exports
export { variable1 as name1, variable2 as name2, …, nameN };

// Exporting destructured assignments with renaming
export const { name1, name2: bar } = o;

// Default exports
export default expression;
export default function (…) { … } // also class, function*
export default function name1(…) { … } // also class, function*
export { name1 as default, … };

// Aggregating modules
export * from …; // does not set the default export
export * as name1 from …; // Draft ECMAScript® 2O21
export { name1, name2, …, nameN } from …;
export { import1 as name1, import2 as name2, …, nameN } from …;
export { default } from …;

Example 4: import javascript

/*Imagine a file called math_functions.js that contains several functions
related to mathematical operations. One of them is stored in a variable called
add.*/

//If you want to import one item:
import { add } from './math_functions.js';

//If you want to import multiple items:
import { add, someothervariable } from './math_functions.js';

Example 5: export function javascript

// module "mon-module.js"
export default function cube(x) {
  return x * x * x;
}

Example 6: import/export js functions

// helloworld.js

export function helloWorld() {
    return 'Hello World!';
}

// main.js

import helloWorld from './helloworld.js';

console.log(helloWorld());

Tags:

Misc Example