JavaScript ES6中export及export default的區別

相信很多人都使用過export、export default、import，然而它們到底有什麼區別呢？

在JavaScript ES6中，export與export default均可用於導出常量、函數、文件、模塊等，你可以在其它文件或模塊中通過import+(常量 | 函數 | 文件 | 模塊)名的方式，將其導入，以便能夠對其進行使用，但在一個文件或模塊中，export、import可以有多個，export default僅有一個。
具體使用：
1、

//demo1.js
export const str = 'hello world'

export function f(a){
    return a+1
}

對應的導入方式：

//demo2.js
import { str, f } from 'demo1' //也可以分開寫兩次，導入的時候帶花括號

2、

//demo1.js
export default const str = 'hello world'

對應的導入方式：

//demo2.js
import str from 'demo1' //導入的時候沒有花括號