文章の目录

• 一、JavaScript 模块化加载方案和选型
• • 1、CommonJS
  • 2、AMD (Asynchronous Module Definition)（异步模块定义）规范
  • 3、CMD（ Common Module Definition）（通用模块定义）规范
  • 4、ES6 import
• 写在最后

一、JavaScript 模块化加载方案和选型

1、CommonJS

• 旨在 Web 浏览器之外为 JavaScript 建立模块生态系统

/*CommonJS*/// 引入依赖
var store = require("store");
// exports
exports = function () {return store.get("customers");
};

• Node.js 模块化方案受 CommonJS

/*NodeJS module  */
// 引入依赖
var store = require("store");
function customerStore() {return store.get("customers");
}
// exports
modules.exports = customersFn;

2、AMD (Asynchronous Module Definition)（异步模块定义）规范

RequireJS 模块化加载器：基于 AMD API 实现

/*RequireJS*/
// 

3、CMD（ Common Module Definition）（通用模块定义）规范

SeaJS 模块化加载器：遵循 CMD API 编写

/*SeaJS*/
//方式一
define(function (require, exports, module) {// 模块代码
});
//方式二
define("module", ["module1", "module2"], function (require, exports, module) {// 模块代码
});

4、ES6 import

/*ES6 import */
//square.js
export function square(x) {return x * x;
}//main.js
import { square } from "square";
console.log(square(10)); // 100

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！