現在化的模組機制

2022-08-30 04:45:11 字數 1416 閱讀 2119

舊機制下的模組化程式設計採用的一般是獨立作用域進行封裝,如我們所熟悉的立即執行函式(iife)

(function())()

又或者物件形式封裝

var module = new object({});

var module1 = {};

又或者寬放大模式 (本質上還是屬於iife)

var module1 = (function (mod)

return mod;

})(window.module1 || {});

現在化的模組機制

var mymodules = (function

manager() ;

function

define(name, deps, impl)

}function

get(name)

return

; })();

/*********************************

函式(可以傳入任何依賴),並且將返回值,也就是模組的 api,儲存在乙個根據名字來管

理的模組列表中。

下面展示了如何使用它來定義模組:

********************************

*/mymodules.define("bar", , function

()

return

; });

mymodules.define("foo", ["bar"], function

(bar)

return

; });

var bar = mymodules.get("bar");

var foo = mymodules.get("foo");

console.log(bar.hello("hippo")); //

let me introduce: hippo

foo.awesome();

//let me introduce: hippo

/********************

"foo" 和 "bar" 模組都是通過乙個返回公共 api 的函式來定義的。"foo" 甚至接受 "bar" 的

示例作為依賴引數,並能相應地使用它。

為我們自己著想,應該多花一點時間來研究這些示例**並完全理解閉包的作用吧。最重

要的是要理解模組管理器沒有任何特殊的「魔力」。它們符合前面列出的模組模式的兩個

特點:為函式定義引入包裝函式,並保證它的返回值和模組的 api 保持一致。

換句話說,模組就是模組,即使在它們外層加上乙個友好的包裝工具也不會發生任何變化

*******************

*/

JS的模組機制

複雜的前端專案需要做分層處理,按照功能 業務 元件拆分成模組,模組化的專案至少有以下優點 便於單元測試 便於同事間協作 抽離公共方法,開發快捷 按需載入,效能優秀 有四種模組化規範 以上都是社群衍生的,es module 是 js 官方的模組化方案 下面主要分析 commonjs 和 es modu...

持久化機制

redis是乙個支援持久化的記憶體資料庫,也就說redis需要經常將記憶體中的資料同步到硬碟來保證持久化 redis支援兩種持久化方式 1.snapshotting 快照 也是預設方式 將資料存以快照的方式寫入到二進位制檔案中 預設檔名dump.rdb可以通過配置設定自動做快照持久化的方式。我們可以...

模組化的理解,以及模組化的好處

先理解模組 在程式設計中,為完成某一功能所需的一段程式或子程式 或指能由編譯程式 裝配程式等處理的獨立程式單位 或指大型軟體系統的一部分。可以這樣理解每乙個頁面中的部分都可以看成乙個模組。模組化是指解決乙個複雜問題時自頂向下逐層把系統劃分成若干模組的過程,有多種屬性,分別反映其內部特性。是指將每乙個...