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 關鍵字進行重命名

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

【