更新時(shí)間:2023-07-28 來(lái)源:黑馬程序員 瀏覽量:
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ò)合法的名稱來(lái)接收,基本語(yǔ)法如下。
import 接收名稱from '模塊路徑地址';
上述代碼中,sl、s2用于表示按需導(dǎo)入的模塊成員名稱。
當(dāng)只想單純執(zhí)行某個(gè)模塊中的代碼時(shí),并不需要得到模塊中向外暴露的成員。這時(shí)可以直接導(dǎo)入模塊并執(zhí)行,示例代碼如下。
import‘模塊路徑地址';