在JavaScript ES6中,export與export default均可用于導出常量、函數、文件、模塊等,你可以在其它文件或模塊中通過import+(常量 | 函數 | 文件 | 模塊)名的方式,將其導入,以便能夠對其進行使用,但在一個文件或模塊中,export、import可以有多個,export default僅有一個。
具體用法:
假如有個demo.js,如果這里js里只有一個函數需要導出,如下:
function getCode(x){
return x+1
}
export default getCode //別處引用時候是import getCode from "此處是文件地址"
//也可以export { getCode }/ /別處引用時候是import { getCode } from "此處是文件地址"
仔細對比上面的區別。
如果一個demo.js里有許多的函數或者方法需要導出,如下:
function getCodeOne(x){
return x+1
}
function getCodeTwo(y){
return y+1
}
//如果需要導出getCodeOne和getCodeTwo,那就必須用
export { getCodeOne,getCodeTwo },對應的別處引用是import { getCodeOne,getCodeTwo } from "此處是文件地址"
說白了,export與export default的區別就是:
如果是單個導出,export與export default均可,如果是多個導出那就只能用export
使用export導出需要{},與此相對使用import導入也需要{}
使用export default 導出不需要{},與此相對使用import導入也不需要{}