JS：export 與export default的區別，結合import的用法

export：輸出本模塊（一般一個文件認為是一個模塊）提供給外部使用的接口；

import：引入其他模塊，供本文件使用，可以引用的就是export輸出的接口；

 

export有兩種方式：export 或者export default；

兩者的相同點與區別點如下：

1、兩者均可用於導出常量、函數、文件、模塊；

2、在一個文件中可以多次使用export，但是export default只能用一次；

3、通過export輸出的，在import導入時需要使用{}，export default不需要；

4、export與export default不可同時使用；

 

舉例說明：

var a = 'a';
var b = 'b';
//使用export
export a;
export b;
export {a, b}
//使用export default
export default{a,b}

使用export輸出時：

import {a,b} from './xxx'

使用export default輸出時：

import A from './yyy'

日常記錄