js 模块化

js 模块化

模块化主要是用来抽离公共代码，隔离作用域，避免变量冲突等。

模块化的整个发展历史如下：

IIFE：使用自执行函数来编写模块化，特点：在一个单独的函数作用域中执行代码，避免代码冲突。

(function () {
  return {
    data: [],
  };
})();

AMD:使用 require 来编写模块化，特点：依赖必须提前声明好。

define("./index.js", function (code) {
  //code 就是index.js返回的内容
});

CMD：使用 seaJS 来编写模块化，特点：支持动态引入依赖文件。

define(function (require, exports, module) {
  var indexCode = require("./index.js");
});

CommonJS:nodeJS 中自带的模块化。

var fs = require("fs");

UMD:兼容 AMD，CommonJS 模块化语法。

webpack(require.ensure):webpack2.x 版本中的代码分割。

ES Modules：ES6 引入的模块化，支持 import 来引入另一个 js。