前端技術的發展不斷融入了很多後端的思想,逐步形成前端的 ”四個現代化“:工程化、模塊化、規範化、流程化。這個主題介紹 *模塊化* ,主要內容包括模塊化前傳(早期模塊化的實現)、模塊化的四個規範(Common JS、AMD、CMD、ESM)。本文就聊聊早期的模塊化。 ...
JS 模塊化 01 - 模塊化前傳
前端技術的發展不斷融入了很多後端的思想,逐步形成前端的 ”四個現代化“:工程化、模塊化、規範化、流程化。這個主題介紹 模塊化 ,主要內容包括模塊化前傳(早期模塊化的實現)、模塊化的四個規範(Common JS、AMD、CMD、ESM)。本文就聊聊早期的模塊化。
1. 原始時代 - 無模塊
十多年前,工程師們一般都不好意思說自己會 JS 語言,太 Low逼 —— 大神們隨便翻翻書,幾下就可以把什麼元素顯示隱藏、表單校驗等需求的 JS 腳本寫出來了。反正在這群家伙眼裡,寫 JS、CSS 的人不是程式員,而是美工(僅僅是在過去的那個年代二逼們才會這麼說)。代碼中都從到尾都是邏輯代碼,一堆變數函數和流程式控制制語句( if/else/for/switch.... ),JS 腳本是從上到下順序執行,反正功能給你堆出來了,至於會帶來什麼後果,關我屁事,有接盤俠去弄。。。
二逼的人直接就在 HTML 文件中寫 JS 代碼;自我感覺良好一些的大神就獨立一個 JS 文件,然後在 HTML 頁面上通過