ES6中export和import導(dǎo)入導(dǎo)出模塊成員

ES6提供了一種通用的模塊化語法，可以在瀏覽器端和服務(wù)器端使用。ES6模塊化語法使用import關(guān)鍵字導(dǎo)人模塊成員，使用expon關(guān)鍵字導(dǎo)出模塊成員。下面對expor關(guān)鍵字和import關(guān)鍵字分別進行講解。

1.export關(guān)鍵字導(dǎo)入

expont 關(guān)鍵字能夠?qū)?dāng)前模塊中的私有成員暴露出來，供其他模塊使用。模塊導(dǎo)出包括模塊默認(rèn)導(dǎo)出和模塊按需導(dǎo)出，下面分別講解。

使用export default來實現(xiàn)模塊的默認(rèn)導(dǎo)出，基本語法如下。

  let sl'aaa';
  export default  {
    sl
  }；

上述代碼定義sl變量的值為'aaa'字符串，并使用export defanlt關(guān)鍵字導(dǎo)出模塊對象中的sl變量。

需要注意的是，在當(dāng)前模塊中只允許使用一次export defanlt關(guān)鍵字，否則會報錯。如果模塊沒有被導(dǎo)出，會默認(rèn)導(dǎo)出一個空對象。

使圍export關(guān)鍵字來實現(xiàn)模塊成員的按需導(dǎo)出，基本語法如下。

export let sl = 'aaa';
expor(hmfunction say(){};

2.import關(guān)鍵字導(dǎo)出

import關(guān)鍵字能夠在當(dāng)前模塊中引入其他的模塊，并在當(dāng)前模塊中使用其他模塊中的模塊成員。模塊導(dǎo)人包括模塊默認(rèn)導(dǎo)人和模塊按需導(dǎo)入，下面分別講解。

模塊默認(rèn)導(dǎo)入需要通過合法的名稱來接收，基本語法如下。

import 接收名稱from '模塊路徑地址'；

上述代碼中，sl、s2用于表示按需導(dǎo)入的模塊成員名稱。

當(dāng)只想單純執(zhí)行某個模塊中的代碼時，并不需要得到模塊中向外暴露的成員。這時可以直接導(dǎo)入模塊并執(zhí)行，示例代碼如下。

import‘模塊路徑地址'；