commonjs和AMD

commonjs

    CommonJS就是为JS的表现来制定规范，因为js没有模块的功能所以CommonJS应运而生，它希望js可以在任何地方运行，不只是浏览器中。
    CommonJS定义的模块分：
        {模块引用(require)}，require()用来引入外部模块；
        {模块定义(exports)}，exports对象用于导出当前模块的方法或变量，唯一的导出口；
        {模块标识(module)}，module对象就代表模块本身。
    我们可以在wiki上看到对commonjs的详细介绍：en.wikipedia.org/wiki/Common…
在CommonJs规范中：

一个文件就是一个模块，拥有单独的作用域；

普通方式定义的变量、函数、对象都属于该模块内；

通过require来加载模块；

通过exports和modul.exports来暴露模块中的内容；
复制代码

NPM的模块加载机制：

如果require的是绝对路径文件，查找不会去遍历每个node_modules目录，其速度最快

  1）.从module.paths数组中（由当前执行文件目录到磁盘根目录）取出第一个目录作为查找基准

  2）.直接从目录中查找该文件，如果存在则结束查找，如果不存在则进行下一条查找

  3）.尝试添加.js、.node、.json后缀之后查找，如果存在文件则结束查找，如果不存在则进行下一条查找

  4）.尝试将require的参数作为一个包来进行查找，读取目录下的package.json文件，取得Main参数指定的文件

  5）.尝试查找该文件，如果存在则结束查找，如果不存在则进行第3条查找

  6）.如果继续失败，则取出module.paths数组中的下一目录作为基准查找，循环第1-5个步骤

  7）.如果继续失败，循环第1-6个步骤，直到module.paths中的最后一个值

  8）.如果继续失败，则抛出异常

AMD

    CommonJS规范不适用于浏览器环境，因为require 是同步的。这对服务器端不是一个问题，因为所有的模块都存放在本地硬盘，可以同步加载完成，等待时间就是硬盘的读取时间。但是，对于浏览器，这却是一个大问题，因为模块都放在服务器端，等待时间取决于网速的快慢，可能要等很长时间，浏览器处于"假死"状态。因此，浏览器端的模块，不能采用"同步加载"（synchronous），只能采用"异步加载"（asynchronous）。这就是AMD规范诞生的背景。CommonJS是主要为了JS在后端的表现制定的，他是不适合前端的，AMD(异步模块定义)出现了，它就主要为前端JS的表现制定规范。

    AMD是"Asynchronous Module Definition"的缩写，意思就是"异步模块定义"。它采用异步方式加载模块，模块的加载不影响它后面语句的运行。所有依赖这个模块的语句，都定义在一个回调函数中，等到加载完成之后，这个回调函数才会运行。

    AMD也采用require()语句加载模块，但是不同于CommonJS，它要求两个参数：require([module], callback);第一个参数[module]，是一个数组，里面的成员就是要加载的模块；第二个参数callback，则是加载成功之后的回调函数。RequireJS是AMD规范的实现。

转载于:https://juejin.im/post/5bb856be6fb9a05d011cf406