es6的模塊怎么導出

發布時間：2022-05-10 15:27:00 來源：億速云閱讀：346 作者：iii 欄目：web開發

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

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

本教程操作環境：windows10系統、ECMAScript 6.0版、Dell G3電腦。

默認導出

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

語句：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)

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

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

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站