javascript中模塊依賴處理

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

ES6 模塊中模塊依賴處理

比如：

import MyModule from ‘./MyModule.js’;

CommonJS中模塊依賴處理

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

AMD中模塊依賴處理

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

});

===========
著作權(quán)歸作者所有。
商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
作者：李翌
鏈接：http://www.zhihu.com/question/20342350/answer/24718689
來源：知乎

假設(shè)你對(duì)CMD、AMD還沒有認(rèn)識(shí)，可以移步這里：

• CMD標(biāo)準(zhǔn)：https://github.com/cmdjs/specification/blob/master/draft/module.md

• AMD標(biāo)準(zhǔn)：https://github.com/amdjs/amdjs-api/blob/master/AMD.md

兩個(gè)類庫在模塊和factory的書寫上其實(shí)無太大差異，差異在于模塊的加載factory函數(shù)的執(zhí)行。

區(qū)別：
1. 對(duì)于依賴的模塊，AMD 是提前執(zhí)行，CMD 是延遲執(zhí)行。不過 RequireJS 從 2.0 開始，也改成可以延遲執(zhí)行（根據(jù)寫法不同，處理方式不同）。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 默認(rèn)推薦的是 define(['./a', './b'], function(a, b) { // 依賴必須一開始就寫好 a.doSomething() // 此處略去 100 行 b.doSomething() // ... })

雖然 AMD 也支持 CMD 的寫法，同時(shí)還支持將 require 作為依賴項(xiàng)傳遞，但 RequireJS 的作者默認(rèn)是最喜歡上面的寫法，也是官方文檔里默認(rèn)的模塊定義寫法。
3. AMD 的 API 默認(rèn)是一個(gè)當(dāng)多個(gè)用，CMD 的 API 嚴(yán)格區(qū)分，推崇職責(zé)單一。比如 AMD 里，require 分全局 require 和局部 require，都叫 require。CMD 里，沒有全局 require，而是根據(jù)模塊系統(tǒng)的完備性，提供 seajs.use 來實(shí)現(xiàn)模塊系統(tǒng)的加載啟動(dòng)。CMD 里，每個(gè) API 都簡單純粹。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。