es6的模塊怎么導(dǎo)出

這篇“es6的模塊怎么導(dǎo)出”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“es6的模塊怎么導(dǎo)出”文章吧。

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

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

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

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

語句:  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í)的接收名稱可以任意名稱，只要是合法的成員名稱即可

按需導(dǎo)出  

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

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

export const n1 = 10
 
export const n2 = 20

按需導(dǎo)入

按需導(dǎo)入的語法： 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)入的成員名稱必須和按需導(dǎo)出的名稱保持一致

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

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

以上就是關(guān)于“es6的模塊怎么導(dǎo)出”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道。