首先，在ES6的class进去之前是没有模块的，JS就不是一个模块化的语言，所谓的“模块”要么是个匿名函数，要么就是个对象的伪模块

var module = (function(){    let _count = 2 // 公有变量    let m1 = function() {        console.log(_count)    }    let m2 = function() {        console.log(_count + 1)    }    return {        m1,        m2    }})()

转折点： 2009年美国大神程序员创造了nodeJs用于服务端编程，服务端必须要有模块，因为要跟操作系统和其余利用互动，否则无奈编程，所以引出了commonJs标准

commonJs标准

导出

module.exports = {    math}exports // 跟module.exports区别很小，然而容易出错，不要应用

引入

let math = require('math') // 同步加载，会引起阻塞math.add(2,3)

毛病：
因为nodeJs是服务器语言，它的模块都在本地放着，加载速度比拟快，然而前端加载JS是从服务器加载的，比较慢，可能会引起浏览器假死状态

AMD标准

define(id?, dependencies?, factory)*   id:字符串，模块名称(可选)，默认文件名称*   dependencies: 是咱们要载入的依赖模块(可选)，应用相对路径。,留神是数组格局*   factory: 工厂办法，返回一个模块函数

导出

// math.jsdefine(['lib'],function(){ // 依赖lib.js    let add = function(x, y){        return x + y    }    return {        add    }})

引入

require(['math'],function(){    math.add(2,3)})

长处： 异步加载模块，执行内容放在回调里
毛病： 也算不得毛病，所有的依赖必须申明在文件头部
使用者： require.js

CMD标准

跟AMD的标准就一丢丢小区别

define(['lib'],function(require, exports, module){ // 依赖lib.js    let a = require('./a') // 依赖a.js    a.test()    let add = function(x, y){        return x + y    }    module.exports = {        add    }})

与AMD的区别：

  1. 工厂函数默认有三个参数，require用来引入模块，exports和module用于导出，当然导出也能够间接用return
  2. 在工厂函数外部能够用require引入模块，不须要把所有依赖都申明在头部，实现就近依赖，对于开发者比拟敌对

毛病：
就近依赖就必须先解析一下模板才晓得加载哪些模块，不过解析模块的工夫能够短到忽略不计
使用者： seaJs

ES6 Module

导出

// 留神留神，这里是export,不是exportsfunction addition(){}export {addition}  // 导出函数export const foo = 'Hello' // 导出一个变量export default function(){} // 默认导出一个函数，引入时比拟不便，然而只能导出一个export default class() // 默认导出一个类

引入

import defaultModule from 'module-name' // export default导出import * as name from 'module-name' // 引入所有导出，能够应用 name.add()应用import { add, del } from 'module-name' // 解构，按需引入import from 'module-name' // 仅引入