首先要知道export豺撑，import 朴肺，export default是什么
ES6模塊主要有兩個功能：export和import
export用于對外輸出本模塊（一個文件可以理解為一個模塊）變量的接口
import用于在一個模塊中加載另一個含有export接口的模塊。
也就是說使用export命令定義了模塊的對外接口以后斗蒋，其他JS文件就可以通過import命令加載這個模塊（文件）捌斧。這幾個都是ES6的語法笛质。
export和import（一個導(dǎo)出一個導(dǎo)入）
一個a.js文件有如下代碼：
????????????????? export? var name="李四";
在其它文件里引用如下：
????????????????? import { name } from "/.a.js"http://路徑根據(jù)你的實(shí)際情況填寫
上面的例子是導(dǎo)出單個變量的寫法，如果是導(dǎo)出多個變量就應(yīng)該按照下邊的方法捞蚂，用大括號包裹著需要導(dǎo)出的變量：
???????????????? var name1="李四";var name2="張三";
???????????????? export { name1 ,name2 }
在其他文件里引用如下：
???????????????? import { name1 , name2 } from "/.a.js"http://路徑根據(jù)你的實(shí)際情況填寫
如果導(dǎo)出的是個函數(shù)呢妇押，那應(yīng)該怎么用呢,其實(shí)一樣，如下：
??????????????? functionadd(x,y){ alert(x*y)//想一想如果這里是個返回值比如： return x-y洞难，下邊的函數(shù)怎么引用}
??????????????? export { add }
在其他文件里引用如下：
????????????? ?? import { add } from "/.a.js"http://路徑根據(jù)你的實(shí)際情況填寫
export與export default
看完上面這幾個例子舆吮，想必你一定了解了如何使用export，import,如果還是不懂可以自己動手試一試队贱。上面講的是export和import色冀，但是export跟export default 有什么區(qū)別呢？如下：
1柱嫌、export與export default均可用于導(dǎo)出常量锋恬、函數(shù)、文件编丘、模塊等
2与学、你可以在其它文件或模塊中通過import+(常量 | 函數(shù) | 文件 | 模塊)名的方式，將其導(dǎo)入嘉抓，以便能夠?qū)ζ溥M(jìn)行使用
3索守、在一個文件或模塊中，export抑片、import可以有多個卵佛，export default僅有一個
4、通過export方式導(dǎo)出敞斋，在導(dǎo)入時要加{ }截汪，export default則不需要
這樣來說其實(shí)很多時候export與export
default可以實(shí)現(xiàn)同樣的目的，只是用法有些區(qū)別植捎。注意第四條衙解，通過export方式導(dǎo)出，在導(dǎo)入時要加{ }焰枢，export
default則不需要蚓峦。使用export default命令，為模塊指定默認(rèn)輸出济锄，這樣就不需要知道所要加載模塊的變量名枫匾。
原文地址：https://www.cnblogs.com/xiaotanke/p/7448383.html
