[ES6]export與export default的區別

export 與import是es6中新增模塊功能重要的， 並且目前也是很常用的兩個用法。

現在來看看export和export default兩者之間的區別。話說個人認爲這兩種用法和使用場景還真的不太好區分，似乎在各個場景裏兩者都是可以派的上用場？

export

export 適用於函數(function)/類(class)/常量(const)等
我們在導入引用時， 需要加上大括號{}

示例如下:

// a.example.ts
export class A {
// ...
}

// b.example.ts
import { A } from './a.example';

export default

export default適用於某個模塊, 一個文件中只能導出一次。(export則不限)
另外我們在引用時， 不需要加大括號{}

示例如下:

// a.example.ts
export default class A {
// ...
}

// b.example.ts
import A from './a.example';

而其實兩者也是可以組合來用的，比如

export defaultSomeModlue, { A } from 'xxx';

參考鏈接: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export