ECMAScript 6 Module 的語(yǔ)法

模塊功能主要由兩個(gè)命令構(gòu)成:export和import。

export命令用于規(guī)定模塊的對(duì)外接口, 也是模塊的輸出。

import命令用于輸入其他模塊提供的功能,也是模塊的引入操作。


export可以讓我們把變量,函數(shù),對(duì)象進(jìn)行模塊話,提供外部調(diào)用接口,讓外部進(jìn)行引用。

新建一個(gè) temp.js 文件,在文件中輸出模塊變量。

然后在 index.js 文件中以 import 的形式引入。

這就是一個(gè)最簡(jiǎn)單的模塊的輸出和引入。

在終端輸入?babel-node index.js 進(jìn)行輸出

注意路徑

函數(shù)的模塊化輸出

export default的使用

default相當(dāng)于是一個(gè)默認(rèn)的入口。在一個(gè)文件里export default只能有一個(gè)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 概述 歷史上,JavaScript 一直沒(méi)有模塊(module)體系,無(wú)法將一個(gè)大程序拆分成互相依賴的小文件,再用...
    emmet7life閱讀 695評(píng)論 0 0
  • 在ES6之前,模塊加載方案,最主要的有CommonJS和AMD兩種。前者用于服務(wù)器,后者用于瀏覽器。ES6實(shí)現(xiàn)了模...
    oWSQo閱讀 625評(píng)論 0 0
  • 模塊通常是指編程語(yǔ)言所提供的代碼組織機(jī)制,利用此機(jī)制可將程序拆解為獨(dú)立且通用的代碼單元。所謂模塊化主要是解決代碼分...
    MapleLeafFall閱讀 1,254評(píng)論 0 0
  • ES6模塊機(jī)制 commonjs 在node環(huán)境下跑 ES6 esModule 前段使用為主 webpack co...
    葉戲塵閱讀 886評(píng)論 0 2
  • 1. 概述 ES6 模塊是編譯時(shí)加載。 2. 嚴(yán)格模式 ES6 的模塊自動(dòng)采用嚴(yán)格模式,不管你有沒(méi)有在模塊頭部加上...
    __越過(guò)山丘__閱讀 352評(píng)論 0 1

友情鏈接更多精彩內(nèi)容