在JavaScript ES6中盹兢,export與export default均可用于導(dǎo)出常量邻梆、函數(shù)、文件绎秒、模塊等浦妄,你可以在其它文件或模塊中通過import+(常量 | 函數(shù) | 文件 | 模塊)名的方式,將其導(dǎo)入见芹,以便能夠?qū)ζ溥M(jìn)行使用剂娄,但在一個(gè)文件或模塊中,export玄呛、import可以有多個(gè)阅懦,export default僅有一個(gè)。
具體用法:
假如有個(gè)demo.js,如果這里js里只有一個(gè)函數(shù)需要導(dǎo)出徘铝,如下:
function getCode(x){
return x+1
}
export default getCode //別處引用時(shí)候是import getCode from "此處是文件地址"
//也可以export { getCode }/ /別處引用時(shí)候是import { getCode } from "此處是文件地址"
仔細(xì)對(duì)比上面的區(qū)別耳胎。
如果一個(gè)demo.js里有許多的函數(shù)或者方法需要導(dǎo)出,如下:
function getCodeOne(x){
return x+1
}
function getCodeTwo(y){
return y+1
}
//如果需要導(dǎo)出getCodeOne和getCodeTwo惕它,那就必須用
export { getCodeOne怕午,getCodeTwo },對(duì)應(yīng)的別處引用是import { getCodeOne淹魄,getCodeTwo } from "此處是文件地址"
說白了郁惜,export與export default的區(qū)別就是:
如果是單個(gè)導(dǎo)出,export與export default均可揭北,如果是多個(gè)導(dǎo)出那就只能用export
使用export導(dǎo)出需要{}扳炬,與此相對(duì)使用import導(dǎo)入也需要{}
使用export default 導(dǎo)出不需要{},與此相對(duì)使用import導(dǎo)入也不需要{}