1. 程式人生 > >js開發規範commons js、cmd、amd、umd的理解

js開發規範commons js、cmd、amd、umd的理解

瞭解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.