這篇文章主要介紹“前端es6是不是模塊化開發(fā)”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“前端es6是不是模塊化開發(fā)”文章能幫助大家解決問題。

創(chuàng)新互聯(lián)主要從事成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)互助,十載網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575

前端es6是模塊化開發(fā)；es6模塊化規(guī)范就是瀏覽器端與服務(wù)器端通用的模塊化開發(fā)規(guī)范，其中定義了每一個(gè)JavaScript文件都是一個(gè)獨(dú)立的模塊，導(dǎo)入其他模塊成員使用import關(guān)鍵字，向外共享模塊成員使用export關(guān)鍵字。

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

前端es6是模塊化開發(fā)

ES6 模塊化規(guī)范是 瀏覽器端 與 服務(wù)器端 通用的模塊化開發(fā)規(guī)范。它的出現(xiàn)極大的降低了前端開發(fā)者的模塊化學(xué)習(xí)成本，開發(fā)者不需要再額外學(xué)習(xí) AMD(AMD yes !!!  XD)、CMD 或 CommonJS等模塊化規(guī)范。

ES6 模塊化規(guī)范中定義：

每個(gè)js文件都是一個(gè)獨(dú)立的模塊

導(dǎo)入其他模塊成員使用 import 關(guān)鍵字

向外共享模塊成員使用 export 關(guān)鍵字

在node.js中體驗(yàn) ES6 模塊化

確保安裝了 v14.15.1 或更高版本的node.js

在 package.json 的根節(jié)點(diǎn)中添加 "type": "module" 節(jié)點(diǎn)

默認(rèn)導(dǎo)出 和 默認(rèn)導(dǎo)入

每個(gè)js腳本里面只能使用唯一一次 export default ，否則會(huì)報(bào)錯(cuò)

// 默認(rèn)導(dǎo)出
// 每個(gè)js腳本里面只能使用唯一一次 export default ，否則會(huì)報(bào)錯(cuò)
let m1 = 10
let m2 = 20
let f1 = () =>{}
 
export default {
    m1,
    f1
}

// 默認(rèn)導(dǎo)入
// 路徑務(wù)必將文件后綴寫上
import i1 from './01.默認(rèn)導(dǎo)出.js'
 
console.log(i1)

關(guān)于“前端es6是不是模塊化開發(fā)”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。