About ECMAScript 6 modules

About ECMAScript 6 modules

Introduction

ECMAScript 6 gives us the possibility to write modular JavaScript softwares by using sort of Java-like importing.

• Introduction to ECMAScript 6 modules: http://2ality.com/2014/09/es6-modules-final.html
• Further very good summary documentation: http://exploringjs.com/es6/ch_modules.html
• Exports' grammar from ECMA International: http://www.ecma-international.org/ecma-262/6.0/#sec-exports
• Imports' grammar from ECMA International: http://www.ecma-international.org/ecma-262/6.0/#sec-imports

Export syntaxes

export { name1, name2, … };
export { name1 as exportedName1, name2 as exportedName2, … };
export let name1, name2, … ;
export var name1, name2, … ;
export let name1 = …, name2 = …, … ;
export var name1 = …, name2 = …, … ;
export const name1 = …, name2 = …, … ;

export expression;
export default expression;
export default class { … }
export default function (…) { … }
export default function* (…) { … } // generator
export default class name1 { … }
export default function name1(…) { … }
export default function* name1(…) { … } // generator
export { name1 as default, … };
export * from …;
export { name1, name2, … } from … ;
export { import1 as importedName1, import2 as importedName2, … } from …;

Source: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export

Import syntaxes

import defaultName from "exporter";
import * as exportedModule from "exporter";
import { name1, … } from "exporter";
import { name1 as importedName1, … } from "exporter";
import defaultName, { name1 [ , [...] ] } from "exporter";
import defaultName, * as exportedModule from "exporter";
import "exporter";

Source: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import