沐鳴平台首頁_ES6中export default 與export區別

說明

export與export default均可用於導出常量、函數、文件、模塊等,有什麼區別呢?

export的方式 – 1次導出1個或者多個

//a.js
export const name = "貓寶寶";
export function cat() { }


//b.js
import { name , cat} from 'a'//導入的時候需要花括號

export default的方式 – 1次導出多個

//a.js
const name = "貓寶寶";
function cat() { }

export default {
    name,
    cat
}

//b.js
import custom  from 'a'; //導入的時候沒有花括號,custom是自定義的名稱,此處custom = {name,cat}
console.info(custom.name)
console.info(custom.cat)

export default的方式 – 1次導出1個

//a.js
const name = "貓寶寶";

export default name


//b.js
import name from 'a' //導入的時候沒有花括號

總結

  • 在一個文件或模塊中,export、import可以有多個,export default僅有一個
  • 通過export方式導出,在import時導入時需要加{ }
  • 通過export default,在import時導入時不需要加{ }
  • 使用export default命令,為模塊指定默認輸出,不需要知道加載模塊的變量名


站長推薦

1.雲服務推薦: 國內主流雲服務商,各類雲產品的最新活動,優惠券領取。地址:阿里雲騰訊雲華為雲

2.廣告聯盟: 整理了目前主流的廣告聯盟平台,如果你有流量,可以作為參考選擇適合你的平台點擊進入

鏈接: http://www.fly63.com/article/detial/8875