在JS Module中，export和export default都可以用來導(dǎo)出某個模塊中的一些內(nèi)容，以便于其他模塊可以通過import獲取窟她。本文將簡單介紹一下export和export default的用法纳账。
命名導(dǎo)出
export也叫named export（命名導(dǎo)出）兄旬，它允許一個文件導(dǎo)出多個特性幅聘。
// 導(dǎo)出單個特性
export const name1, name2, …, nameN;?
export const name1 = …, name2 = …, …, nameN;?
export function FunctionName(){...}
export class ClassName {...}
// 導(dǎo)出列表
export { name1, name2, …, nameN };
// 重命名導(dǎo)出
export { variable1 as name1, variable2 as name2, …, nameN };
// 解構(gòu)導(dǎo)出并重命名（將myObject中的name2重命名為bar后，進(jìn)行導(dǎo)出）
export const { name1, name2: bar } = myObject;
??需要注意的是窃植，使用命名導(dǎo)出的時候帝蒿，導(dǎo)入的時候需要使用相同的名字。
// 例如：
// 導(dǎo)出列表
import { name1, name2, ..., nameN }
// 重命名導(dǎo)出
import { name1, name2, ..., nameN }
//?解構(gòu)導(dǎo)出并重命名
import??{ name1, bar }
默認(rèn)導(dǎo)出
一個js模塊只能有一個默認(rèn)導(dǎo)出巷怜，因此在導(dǎo)入的時候可以隨意命名葛超。
// 導(dǎo)出時：
export default { name1, name2, …, nameN };
// 導(dǎo)入時：
import * from './myModule'
import all from './myModule'
// 使用時：
console.log(name1)
