ES6中export和import導入導出模塊成員

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

1.export關鍵字導入

expont 關鍵字能夠將當前模塊中的私有成員暴露出來，供其他模塊使用。模塊導出包括模塊默認導出和模塊按需導出，下面分別講解。

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

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

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

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

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

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

2.import關鍵字導出

import關鍵字能夠在當前模塊中引入其他的模塊，并在當前模塊中使用其他模塊中的模塊成員。模塊導人包括模塊默認導人和模塊按需導入，下面分別講解。

模塊默認導入需要通過合法的名稱來接收，基本語法如下。

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

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

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

import‘模塊路徑地址'；