首頁  >  文章  >  web前端  >  前端es6是模組化開發嗎

前端es6是模組化開發嗎

WBOY
WBOY原創
2022-08-18 16:15:181741瀏覽

前端es6是模組化開發;es6模組化規範就是瀏覽器端與伺服器端通用的模組化開發規範,其中定義了每個JavaScript檔案都是獨立的模組,導入其他模組成員使用import關鍵字,向外共享模組成員使用export關鍵字。

前端es6是模組化開發嗎

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

前端es6是模組化開發

ES6 模組化規格是 瀏覽器端 與 伺服器端 通用的模組化開發規格。它的出現極大的降低了前端開發者的模組化學習成本,開發者不需要再額外學習 AMD(AMD yes !!!  XD)、CMD 或 CommonJS等模組化規格。

ES6 模組化規格中定義:

每個js檔案都是一個獨立的模組

匯入其他模組成員使用import 關鍵字

向外共用模組成員使用export 關鍵字

在node.js中體驗ES6 模組化

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

在package.json 的根節點中加入"type": "module" 節點

前端es6是模組化開發嗎

## 預設導出和預設導入

每個js腳本裡面只能使用唯一一次export default ,否則會報錯

// 默认导出
// 每个js脚本里面只能使用唯一一次 export default ,否则会报错
let m1 = 10
let m2 = 20
let f1 = () =>{}
 
export default {
    m1,
    f1
}
// 默认导入
// 路径务必将文件后缀写上
import i1 from './01.默认导出.js'
 
console.log(i1)

前端es6是模組化開發嗎

【相關推薦:

javascript影片教學web前端

以上是前端es6是模組化開發嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn