There are 4 types of exports: (several per module) 2** ** (one per module)3 4** ** 1— Named exports — Default exports — Mixed named & default exports — Cyclical Dependencies 1. Name exports //------ lib.js ------export const sqrt = Math.sqrt;export function square(x) { return x * x;}export function diag(x, y) { return sqrt(square(x) + square(y));}//------ main.js ------import { square, diag } from 'lib';console.log(square(11)); // 121console.log(diag(4, 3)); // 5 or //------ main.js ------import * as lib from 'lib';console.log(lib.square(11)); // 121console.log(lib.diag(4, 3)); // 5 2. Default exports (one per module) //------ myFunc.js ------export default function () { ... };//------ main1.js ------import myFunc from 'myFunc';myFunc(); 3. Mixed named & default exports //------ underscore.js ------export default function (obj) { ...};export function each(obj, iterator, context) { ...}export { each as forEach };//------ main.js ------import _, { each } from 'underscore';... 4. Cyclical Dependencies // lib.jsimport from 'main';var lib = {message: "This Is A Lib"};export { lib as }; Main Lib // main.jsimport { } from 'lib';export default class {// ....} Lib Main Reference http://2ality.com/2014/09/es6-modules-final.html
![featured image - [es6] import, export, default cheatsheet](https://hackernoon.imgix.net/hn-images/1*gUzGiHGJP1r9wSx3OQVvVw.jpeg?auto=format&fit=max&w=3840)
![[Note] 19 Coding Rules that every coder must know](https://hackernoon.imgix.net/hn-images/1*LwkasdSEFs7rhv21ayrfxA.png?auto=format&fit=max&w=3840)
