JS 前端模組化(簡述)

2021-09-19 04:32:11 字數 550 閱讀 5508

模組化主要是用來抽離公共**,提高**復用率,隔離作用域,避免變數衝突等。通常乙個檔案就是乙個模組,有自己的作用域,只向外暴露特定的變數和函式。目前流行的模組化規範有amd、cmd、commonjs以及es6的模組系統。模組化的開發方式可以方便進行**的管理。

(非同步模組定義規範) : requirejs 非同步載入,依賴前置,提前執行,特點:依賴必須提前宣告好。

(通用模組定義規範) : seajs 同步載入,依賴就近,延遲執行使用seajs 來編寫模組化,特點:支援動態引入依賴檔案。

nodejs 中自帶的模組化。commonjs主要用於伺服器端,nodejs採用的就是commonjs,每個檔案會被當做乙個模組,使用exports和require關鍵字進行匯出和載入,但由於其是同步載入,故不適用於客戶端;

es6 引入的模組化,支援import 來引入另乙個 js 。

— the end —

JS前端模組化規範

於是有了菜鳥解惑的搜嘍過程。匯入 require module 匯出 exports.getstoreinfo function module.exports somevalue 參照commonjs模組代表node.js的模組系統 定義 define module dep1 dep2 functi...

前端模組化

前端模組化解決什麼問題?有了模組,我就可以很方便的使用別人的 想要什麼功能,就用載入什麼模組。但是,這樣做需要有乙個前提,那就是大家必須以同樣的方式編寫模組,否則就亂套了。所以組內需要有一套統一的模組規範。如何實現模組?1 物件字面量的變體 2 js設計模式的模組模式 3 採用成熟的庫檔案。前兩種方...

前端模組化

定義 具有相同屬性和行為的事物的集合 在前端中 將一些屬性比較類似和行為比較類似的內容放在同乙個js檔案裡面,把這個js檔案稱為模組 目的 為了每個js檔案只關注與自身有關的事情,讓每個js檔案各行其職 模組化 指的就是遵守commonjs規範,解決不同js模組之間相互呼叫問題 commonjs a...