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

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

import：引入其餘模塊，供本文件使用，能夠引用的就是export輸出的接口；

 

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

二者的相同點與區別點以下：

一、二者都可用於導出常量、函數、文件、模塊；

二、在一個文件中能夠屢次使用export，可是export default只能用一次；

三、經過export輸出的，在import導入時須要使用{}，export default不須要；

四、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'

平常記錄