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());