js開發規範commons js、cmd、amd、umd的理解
阿新 • • 發佈:2019-02-05
瞭解js模組規範是個啥?
- 在日常的程式碼開發中,起初感覺前端無疑就是寫些onclick事件 處理下與後端的資料互動,所以js寫的很混亂。當專案規模大
起來的時候,發現維護起來十分困難,應運而生的js模組化規範給開發者帶來了福音。
模組化的作用?
便於維護,我的理解的模組化 也如在後端開發中的分層思想一樣,每個具體的功能分一個模組
像積木一樣累積成一個前端專案,就是所謂的高內聚 低耦合,更簡單理解是:通常的開發都是在html中引入js,而我們是僅僅提供
一個入口用js引入js.規範:common js
var first= require('first');
first.start();
- common js 引入是同步的,即是,start()方法必須要等到first模組引入成功後才能執行。
- 案例引用:node js
require(['first'],function(first){
clock.start();
});
amd: 利用回撥函式來載入,在一開始就需要載入所有依賴,這在邏輯設計時存在問題
- 案例:require js
cmd:不需要一開始宣告所有依賴,就近依賴載入,一級一級的載入
UMD:amd和common js的整合。判斷依賴是否存在,存在用common js方式載入,否則用amd.