Web模組化開發

2021-10-04 22:34:48 字數 386 閱讀 9177

在傳統的網頁開發中:

我們假設有倆個人一起開發乙個專案,倆個人有倆份js**,最終會插入到乙個html中,如果第乙個人宣告的變數和第二個人宣告的變數名相同,那必然會產生衝突,所以我們必須採取模組化開發。

步驟即使:將**都寫入無名函式(function(){})()中,就形成了自己的作用域,但是如果第乙個人寫了第二份js**,那麼他就用不到他寫的第乙份**裡面的變數,這個時候都可以採用一種匯出/匯入的方法:

在第乙份存資料的js檔案中返回出乙個物件 我們用乙個變數來接收這個函式的返回值。既然區域性變數返回出去自然就全域性變數。所以他的第二份**就可以通過這個變數用物件取值的方法,拿到想要的資料。

當然在這個過程中我們用以接收函式返回值的這個變數,就可稱它為乙個模組。

模組化開發

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

模組化開發

commonjs規範 同步模式載入模組,導致效率低 node.js環境 乙個檔案就是乙個模組 每個模組都有單獨地作用域 通過module.exports匯出成員 通過require函式載入模組 amd asynchronous module definition 規範 使用相對複雜 模組js檔案請求...

模組化開發

寫在前面 面試時常被問到,你知道什麼是模組化開發嗎?模組化開發能帶來什麼好處?下面的內容可以幫助你簡單了解什麼是模組化開發,從對它模糊的印象中看到一些清晰的輪廓,幫助你了解模組化開發的現狀,以對選擇哪種模組化開發有個選擇的方向。目錄 什麼是模組化開發 模組化開發的意義 模組化開發的好處 1 避免變數...