1. 程式人生 > >JS:export 與export default的區別,結合import的用法

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'

日常記錄