在JavaScript ES6中，export與export default均可用于導(dǎo)出常量、函數(shù)、文件、模塊等。模塊功能主要由兩個(gè)命令構(gòu)成：export和import。export命令用于規(guī)定模塊的對(duì)外接口，import命令用于輸入其他模塊提供的功能。

1.export

一個(gè)模塊就是一個(gè)獨(dú)立的文件。該文件內(nèi)部的所有變量，外部無法獲取。如果你希望外部能夠讀取模塊內(nèi)部的某個(gè)變量，就必須使用export關(guān)鍵字輸出該變量。

一個(gè)模塊就是一個(gè)獨(dú)立的文件。該文件內(nèi)部的所有變量，外部無法獲取。如果你希望外部能夠讀取模塊內(nèi)部的某個(gè)變量，就必須使用export關(guān)鍵字輸出該變量。

//a.js
export var str = "export的內(nèi)容";
export var year = 2019;
export function message(sth) {return sth;
}

除了上述的寫法，還有一種推薦使用的，因?yàn)檫@樣就可以在腳本尾部，一眼看清楚輸出了哪些變量。

//a.js
var str = "export的內(nèi)容";
var year = 2019;
function message(sth) {return sth;
}
export {str, year, message}

通常情況下，export輸出的變量就是本來的名字，但是可以使用as關(guān)鍵字重命名。

//a.js
var str = "export的內(nèi)容";
var year = 2019;function message(sth) {return sth;
}export {str as newname1,year as newname2,message as newname3
};

2.import

使用export命令定義了模塊的對(duì)外接口以后，其他 JS 文件就可以通過import命令加載這個(gè)模塊。

//b.js
import { str,year, message } from './a';
//也可以分開寫兩次，導(dǎo)入的時(shí)候帶花括號(hào)，將每個(gè)變量函數(shù)名寫清楚

上面代碼的import命令，用于加載a.js文件,引入后便可以在b.js文件中使用a.js文件中的變量、函數(shù)或類等。import命令接受一對(duì)大括號(hào)，里面指定要從其他模塊導(dǎo)入的變量名。大括號(hào)里面的變量名，必須與被導(dǎo)入模塊（a.js）對(duì)外接口的名稱相同。
如果想為輸入的變量重新取一個(gè)名字，import命令要使用as關(guān)鍵字，將輸入的變量重命名。

//b.js
import {str as newname1,year as newname2,message as newname3
} from './a';

import后面的from指定模塊文件的位置，可以是相對(duì)路徑，也可以是絕對(duì)路徑，.js后綴可以省略。如果只是模塊名，不帶有路徑，那么必須有配置文件，告訴 JavaScript 引擎該模塊的位置。

//import引入一個(gè)依賴包，不需要相對(duì)路徑。
import axios from 'axios';
//import 引入一個(gè)自己寫的js文件，是需要相對(duì)路徑的。
import AppService from './appService';

3.export default 命令

export default命令用于指定模塊的默認(rèn)輸出。顯然，一個(gè)模塊只能有一個(gè)默認(rèn)輸出，因此export default命令只能使用一次。所以，import命令后面才不用加大括號(hào)，因?yàn)橹豢赡芪ㄒ粚?duì)應(yīng)export default命令。一個(gè)文件內(nèi)不能有多個(gè)export default。

//a.js
const str = "export default的內(nèi)容";
export default str//在另一個(gè)文件中的導(dǎo)入方式：
//b.js 
import StrFile from 'a';
//導(dǎo)入的時(shí)候沒有花括號(hào)
//本質(zhì)上，a.js文件的export default輸出一個(gè)叫做default的變量，然后系統(tǒng)允許你引入的時(shí)候?yàn)樗∪我饷帧?/span>

4.總結(jié)

export與export default均可用于導(dǎo)出常量、函數(shù)、文件、模塊等。
在一個(gè)文件或模塊中，export、import可以有多個(gè)，export default僅有一個(gè)。
通過export方式導(dǎo)出，在導(dǎo)入時(shí)要加{ }，export default則不需要，并可以起任意名稱。