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

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

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

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

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

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

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

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

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

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)入需要通過(guò)合法的名稱(chēng)來(lái)接收，基本語(yǔ)法如下。

import 接收名稱(chēng)from '模塊路徑地址'；

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

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

import‘模塊路徑地址'；