js模組化開發

模組化開發好處

原生js模組化開發

var module =

(function()
)}function
func1()
return})
();

module為外部引用時的物件名。

return 內部填寫需要暴露的變數，方法名，前面為別名即暴露出去的變數名，後面為實際呼叫的內部變數名稱。

上面js檔案中只暴露了func方法，呼叫時其他變數方法不可見

src=

"檔案路徑"
>
script
>

var arr =[1

,2,3
,4,5
];function
func()
)}function
func1()
module.exports =

module.exports內部為需要暴露的變數，方法。

var mymodule = require('路徑');

//mymodule為物件名，可直接呼叫方法。

JS模組化開發

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

js模組化開發

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

模組化開發

講模組化開發之前，我們先了解一下 傳統開發模式 是什麼？比如說a所在的公司在做乙個專案，公司安排a跟b還有c三個人一起協同開發，a負責一部分功能塊，b負責另一部分功能塊，把專案的功能分成一塊一塊，這適用於多人協作開發，每個人負責不同的功能塊，當然，這其中有人是負責整合的，有人是負責開發公共功能塊的等...