javascript中模塊依賴處理

在javascript模塊化處理模式，為處理模塊間的依賴，多個js庫提出了各自的模塊依賴處理模式。而且功能越來越復雜，模塊文件越來越多，我們需要時刻小心模塊之間的依賴。

ES6 模塊中模塊依賴處理

比如：

import MyModule from ‘./MyModule.js’;

CommonJS中模塊依賴處理

var MyModule = require(‘./MyModule.js’);

AMD中模塊依賴處理

define([‘./MyModule.js’], function (MyModule) {

});

===========
著作權歸作者所有。
商業轉載請聯系作者獲得授權，非商業轉載請注明出處。
作者：李翌
鏈接：http://www.zhihu.com/question/20342350/answer/24718689
來源：知乎

假設你對CMD、AMD還沒有認識，可以移步這里：

• CMD標準：https://github.com/cmdjs/specification/blob/master/draft/module.md

• AMD標準：https://github.com/amdjs/amdjs-api/blob/master/AMD.md

兩個類庫在模塊和factory的書寫上其實無太大差異，差異在于模塊的加載factory函數的執行。

區別：
1. 對于依賴的模塊，AMD 是提前執行，CMD 是延遲執行。不過 RequireJS 從 2.0 開始，也改成可以延遲執行（根據寫法不同，處理方式不同）。CMD 推崇 as lazy as possible.
2. CMD 推崇依賴就近，AMD 推崇依賴前置。看代碼：

// CMD define(function(require, exports, module) {var a = require('./a')a.doSomething() // 此處略去 100 行 var b = require('./b') // 依賴可以就近書寫 b.doSomething() // ... }) // AMD 默認推薦的是 define(['./a', './b'], function(a, b) { // 依賴必須一開始就寫好 a.doSomething() // 此處略去 100 行 b.doSomething() // ... })

雖然 AMD 也支持 CMD 的寫法，同時還支持將 require 作為依賴項傳遞，但 RequireJS 的作者默認是最喜歡上面的寫法，也是官方文檔里默認的模塊定義寫法。
3. AMD 的 API 默認是一個當多個用，CMD 的 API 嚴格區分，推崇職責單一。比如 AMD 里，require 分全局 require 和局部 require，都叫 require。CMD 里，沒有全局 require，而是根據模塊系統的完備性，提供 seajs.use 來實現模塊系統的加載啟動。CMD 里，每個 API 都簡單純粹。

總結

以上是生活随笔為你收集整理的js模块化之模块依赖处理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。