沐鳴平台首頁_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