JavaScript ES6中export及export default的區(qū)別

在JavaScript ES6中,export與export default均可用于導出常量、函數(shù)、文件、模塊等,你可以在其它文件或模塊中通過import+(常量 | 函數(shù) | 文件 | 模塊)名的方式,將其導入,以便能夠對其進行使用,但在一個文件或模塊中,export、import可以有多個,export default僅有一個。
具體用法:
假如有個demo.js,如果這里js里只有一個函數(shù)需要導出,如下:

function getCode(x){
    return x+1
}
export default getCode  //別處引用時候是import getCode  from "此處是文件地址"
//也可以export { getCode }/ /別處引用時候是import { getCode } from "此處是文件地址"
仔細對比上面的區(qū)別。

如果一個demo.js里有許多的函數(shù)或者方法需要導出,如下:

function getCodeOne(x){
    return x+1
}
function getCodeTwo(y){
    return y+1
}
//如果需要導出getCodeOne和getCodeTwo,那就必須用
export { getCodeOne,getCodeTwo },對應的別處引用是import { getCodeOne,getCodeTwo } from "此處是文件地址"

說白了,export與export default的區(qū)別就是:
如果是單個導出,export與export default均可,如果是多個導出那就只能用export
使用export導出需要{},與此相對使用import導入也需要{}
使用export default 導出不需要{},與此相對使用import導入也不需要{}

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容