小白学前端自己整理的知识点，大神勿喷......
一、首先了解一下模块体系
转自ECMAScript6语法es6.ruanyifeng.com/#docs/modul…
二、Export 汇出
export是将物件、函数甚至是纯值汇出，大部分运用上都是汇出物件为主。
export 又可区分为两种，这两种的汇出手法略有不同，也会影响到import 的运用，所以在运用前请先明确区分这两种的差异（非常重要）：
-
named export（具名汇出）：可汇独立的物件、变数、函式等等，汇出前必须给予特定名称，而汇入时也必须使用相同的名称。另外，一个档案中可以有多个`named export`。
-
default export（预设汇出）：一个档案仅能有唯一的`default export`，而此类型不需要给予名称。
除此之外，两者也可共存于同一个档案内，只不过`default export`仅能有一个。
例如：
1、export default预先定义一个变数汇出
const a = 1
export default a;
2、export default汇出物件是最常见的使用方式，此方法通常搭配对象的例子
const obj1 = { name: 'Tom' }
const obj2 = { name: 'Amy' }
export default { obj1, obj2 };
3、named export具名汇出：使用函数陈述式汇出，西安宣告再汇出。
export function fn() { console.log( '这是一段函数' ) }
4、使用物件缩写形式汇出物件的普通运用方式，预先定义好对象、方法后，在文件的结尾统一汇出。
const b=2;
const obj1 = { name: 'Tom' };
const obj2 = { name: 'Amy' };
export { b, obj1,obj2 };
5、Tip:再汇出前可另外使用as修改名称
const obj2 = { name:'obj2' };
export { obj2 as objNewname };
并存：具名、预设汇出两种方法可以并存在同一个档案内，预设汇出仅能有一个。
三、Import汇入
import汇入的方式会与因为汇出方法不同而改变，因此必须清楚外部资源的汇出方式，如果是第三方资源则可以透过文件了解该如何汇入。
汇入default export 并赋予名称
// export file
export default function() { console.log('这是一段函数')； }
//import file
import fn from './defaultModule.js';
fn();//直接执行函数
汇入named export
具名的汇出方式，则需要使用解构的语法将特定的模组取出（命名需与汇出的名称一致），并且只有被汇入的原始码片段才能够被执行。
// export file
export const obj = { name: 'Tom' };//此段如果没有被汇入，则无法运作
export function fn() {console.log( '这是一段函数式' )}
//import file
import { fn } from './module.sj' ;
fn();
default是非常易于使用的，针对只有单一原件汇出上相对直接很多，我自己开发上也多是利用default export.
以上就是我对import&export的理解和简单运用实例。
