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

謝通門網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)建站！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應式網(wǎng)站建設(shè)公司等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)建站自2013年創(chuàng)立以來到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。

es6的模塊導出使用的方法：1、導出默認模塊，一個模塊文件只能有一個默認模塊，語法為“export default 需要導出的成員”；2、導出普通模塊，一個模塊文件可以有多個普通模塊，語法為“export 按需導出的成員”。

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

es6的模塊導出使用什么方法

默認導出      

一個模塊文件只能有一個默認模塊，可以有多個普通模塊

語句：export default 需要導出的成員

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

默認導入

語句:  import 變量的名字 from '模塊標識符'

import m1 from './1.默認導出.js'
console.log(m1)

注意事項：

每個模塊中，只允許使用唯一的一次 export default，否則會報錯！

默認導入時的接收名稱可以任意名稱，只要是合法的成員名稱即可

按需導出  

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

語法:按需導出的語法： export 按需導出的成員

export const n1 = 10
 
export const n2 = 20

按需導入

按需導入的語法： import { m1 } from '模塊標識符'

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

按需導入與按需導出的注意事項：

• 每個模塊中可以使用多次按需導出

• 按需導入的成員名稱必須和按需導出的名稱保持一致

• 按需導入時，可以使用 as 關(guān)鍵字進行重命名

• 按需導入可以和默認導入一起使用

以上就是關(guān)于“es6的模塊怎么導出”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。