JS 模組化開發筆記 1

2021-07-28 03:43:07 字數 566 閱讀 2147

/**

* umd模組化開發

* 模板:

* *

* 優缺點:

* * * 工廠模式開發:

* 它使用了兩個匿名函式。後面那個函式可以看作是模組**的工廠函式,它是模組的主體部分。

* 前面那個函式對執行環境進行檢測,根據檢測的結果對模組的工廠函式進行呼叫。

* 另外,作為乙個通用庫,它並沒使用 window 物件,

* 而是使用了 this,因為在簡單的函式呼叫中,this 其實就是全域性物件。

* * 設計模式簡介:

* * */

(function

(root, factory) else

if (typeof exports === 'object') else ;

root.scooper.skin = factory(root.jquery);

}}(this, function

($) ;

// 暴露公共方法

return myfunc;

}));

JS模組化開發

模組化開發有點像分工合作,比方說乙個手機,它是由一系列的功能模組組合在一起的,比如攝像頭,螢幕,cpu,作業系統,而每個功能模組可能是由不同公司生產的,比如從a公司買的處理器,b公司做的攝像頭,c公司加工的螢幕。網頁也是這樣,當 量越來越大,功能越來越複雜的時候,我們就很難乙個 中完成所有的工作,所...

js模組化開發

模組化開發好處 原生js模組化開發var module function function func1 return module為外部引用時的物件名。return 內部填寫需要暴露的變數,方法名,前面為別名即暴露出去的變數名,後面為實際呼叫的內部變數名稱。上面js檔案中只暴露了func方法,呼叫時...

js模組化開發

一 有什麼意義。1.有利於 分離 解耦以及復用 2 團隊並行開發 3 避免命名衝突 4 相互引用,按需載入 5 二 單例模式 1 利用閉包讓函式私有化,避免變數汙染,高階單例模式通過賦值給乙個閉包,利用return暴露出去,之後供另外一閉包使用。模組化基本使用閉包 三 amd require.js非...