前端模块化开发解决方案详解

一、模块化开发方案

前端发展到今天，已经有不少模块化的方案，比如

CommonJS（常用在服务器端，同步的，如nodejs）

AMD（常用在浏览器端，异步的，如requirejs）（Asynchronous Module Definition）

CMD（常用在浏览器端，异步的，如seajs）

UMD（AMD&& CommonJS） 这些模块化规范的核心价值都是让 JavaScript 的模块化开发变得简单和自然。

 

服务器端模块 在服务器端，所有的模块都存放在本地硬盘，可以同步加载完成，等待时间就是硬盘的读取时间。

浏览器端模块: 在浏览器端，所有的模块都放在服务器端，同步加载，等待时间取决于网速的快慢，可能要等很长时间，浏览器处于"假死"状态。因此，浏览器端的模块，不能采用"同步加载"（synchronous），只能采用"异步加载"（asynchronous）。

二、CommonJs 

CommonJs 是服务器端模块的规范，Node.js采用了这个规范。 CommonJS 加载模块是同步的，所以只有加载完成才能执行后面的操作。 像Node.js主要用于服务器的编程，加载的模块文件一般都已经存在本地硬盘，所以加载起来比较快，不用考虑异步加载的方式，所以CommonJS规范比较适用。 

CommonJS模块的特点如下： 所有代码都运行在模块作用域，不会污染全局作用域。 模块可以多次加载，但是只会在第一次加载时运行一次，然后运行结果就被缓存了，以后再加载，就直接读取缓存结果。 模块加载的顺序，按照其在代码中出现的顺序。

CommonJS语法

1、定义模块