模塊化主要是用來抽離公共代碼，隔離作用域，避免變量沖突等。 **IIFE**： 使用自執行函數來編寫模塊化，特點：**在一個單獨的函數作用域中執行代碼，避免變量沖突**。 ~~~js (function(){ return { data:[] } })() ~~~ **AMD**： 使用requireJS 來編寫模塊化，特點：**依賴必須提前聲明好**。 ~~~js define('./index.js',function(code){ // code 就是index.js 返回的內容 }) ~~~ **CMD**： 使用seaJS 來編寫模塊化，特點：**支持動態引入依賴文件**。 ~~~js define(function(require, exports, module) { var indexCode = require('./index.js'); }); ~~~ **CommonJS**： nodejs 中自帶的模塊化。 ~~~js var fs = require('fs'); ~~~ **UMD**：兼容AMD，CommonJS 模塊化語法。 **webpack(require.ensure)**：webpack 2.x 版本中的代碼分割。 **ES Modules**： ES6 引入的模塊化，支持import 來引入另一個 js 。 ~~~js import a from 'a'; ~~~ ## 摘自 [前端中的模塊化開發](https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/28)