CJS：common js的缩写

语法方式:

// importing
const doSomething = require('./doSomething.js')

// exporting
module.exports = function doSomething(n) {
    // do something
}

• node.js就是用的CJS模块方式。
• 在浏览器中无效，必须经过打包便宜才能在浏览器中执行。

AMD: asynchronous module definition 的缩写

语法方式:

define(['dep1', 'dep2'], function (dep1, dep2) {
    // 通过返回值来定义模块值。
  return funtion () {};
})

// 或者简化commonjs包装
define(function (require) {
    var dep1 = require('dep1'),
      dep2 = require('dep2');
  return function () {};
})

• 异步加载模块，用于前端（CJS刚开始设计出来是用于后端的）

UMD: Universal Module Definition的缩写

(function (root, factory) {
    if (typeof define === 'function' && define.amd) {
    define(['jquery', 'underscore'], factory);
  } else if (typeof exports === 'objects') {
    module.exports = factory(require('jquery'), require('underscore'));
  } else {
    root.Requester = factory(root.$, root._);
  }
})(this, function ($, _) {
  // 这是我定义了我的模块实现的地方
    var Requester = {// ... };
      return Requester;
 })

• 适用于前端和后端环境（所以取名为universal）
• 跟CJS，AMD不同的是，UMD更像是一种模式，去适配多种模块系统。
• 当用像rollup/webpack这样的打包器的时候，UMD通常用作一个回调模块。

ESM: ES模块的缩写，是JS语言为了标准化模块系统的一种方案。

import React from 'react';

export default function() {
    // your function
}

export const function1() {}
export const function2() {}

总结：
ESM具有简单语法、异步加载等以及Tree-shakeable的特点。
UMD可以在任何环境使用，在ESM不能使用的情况下使用。
CJS是同步的，在后端环境使用。
AMD是异步的，在前端环境使用。