es6的模組導出使用什麼方法

es6的模組導出使用的方法：1、導出預設模組，一個模組檔案只能有一個預設模組，語法為「export default 需要導出的成員」；2、匯出普通模組，一個模組文件可以有多個普通模組，語法為「export 按需導出的成員」。

本教學操作環境：windows10系統、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，否則會報錯！

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

#按需導出   

可以任意的數據類型作為模組導出

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

export const n1 = 10
 
export const n2 = 20

按需導入

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

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

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

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

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

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

• 按需導入可以和預設導入一起使用

【相關推薦：

javascript影片教學、web前端】

以上是es6的模組導出使用什麼方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！