es6的模塊導(dǎo)出使用什么方法

es6的模塊導(dǎo)出使用的方法：1、導(dǎo)出默認(rèn)模塊，一個(gè)模塊文件只能有一個(gè)默認(rèn)模塊，語(yǔ)法為“export default 需要導(dǎo)出的成員”；2、導(dǎo)出普通模塊，一個(gè)模塊文件可以有多個(gè)普通模塊，語(yǔ)法為“export 按需導(dǎo)出的成員”。

本教程操作環(huán)境：windows10系統(tǒng)、ECMAScript 6.0版、Dell G3電腦。

es6的模塊導(dǎo)出使用什么方法

默認(rèn)導(dǎo)出

一個(gè)模塊文件只能有一個(gè)默認(rèn)模塊，可以有多個(gè)普通模塊

語(yǔ)句：export default 需要導(dǎo)出的成員

const n1 = 10 const n2 = 20   const show = () => {   console.log('hello') }   export default {   n1,   show }

默認(rèn)導(dǎo)入

語(yǔ)句: import 變量的名字 from '模塊標(biāo)識(shí)符'

import m1 from './1.默認(rèn)導(dǎo)出.js' console.log(m1)

注意事項(xiàng)：

每個(gè)模塊中，只允許使用唯一的一次 export default，否則會(huì)報(bào)錯(cuò)！

默認(rèn)導(dǎo)入時(shí)的接收名稱(chēng)可以任意名稱(chēng)，只要是合法的成員名稱(chēng)即可

按需導(dǎo)出

可以把任意的數(shù)據(jù)類(lèi)型作為模塊導(dǎo)出

語(yǔ)法:按需導(dǎo)出的語(yǔ)法： export 按需導(dǎo)出的成員

export const n1 = 10   export const n2 = 20

按需導(dǎo)入

按需導(dǎo)入的語(yǔ)法： import { m1 } from '模塊標(biāo)識(shí)符'

import { n1 } from './3.按需導(dǎo)出.js'   console.log(n1)

按需導(dǎo)入與按需導(dǎo)出的注意事項(xiàng)：

• 每個(gè)模塊中可以使用多次按需導(dǎo)出

• 按需導(dǎo)入的成員名稱(chēng)必須和按需導(dǎo)出的名稱(chēng)保持一致

• 按需導(dǎo)入時(shí)，可以使用 as 關(guān)鍵字進(jìn)行重命名

• 按需導(dǎo)入可以和默認(rèn)導(dǎo)入一起使用

【