CommonJS和ES6Moudle

CommonJS

介绍

在node环境下运行模块采用CommonJS模块规范,每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。
CommonJS模块特点如下：
1.所有代码都运行在模块作用域，不会污染全局作用域。
2.模块可以多次加载，但是只会在第一次加载时运行一次，然后运行结果就被缓存了，以后再加载，就直接读取缓存结果。要想让模块再次运行，必须清除缓存。
3.模块加载的顺序，按照其在代码中出现的顺序。

module对象

CommonJS规范规定，每个模块内部，module变量代表当前模块。这个变量是一个对象，它的exports属性（即module.exports）是对外的接口。加载某个模块，其实是加载该模块的module.exports属性。
模块的属性：
module.id： 模块的识别符，通常是带有绝对路径的模块文件名。
module.filename： 模块的文件名，带有绝对路径。
module.loaded： 返回一个布尔值，表示模块是否已经完成加载。
module.parent：返回一个对象，表示调用该模块的模块。
module.children： 返回一个数组，表示该模块要用到的其他模块。
module.exports： 表示模块对外输出的值。

为了方便，node为每个模块提供一个exports变量，指向module.exports。这等同在每个模块头部，有一行这样的命令。

var exports = module.exports;

在对外输出模块接口时，可以向exports对象添加方法。

exports.area = function (r) {
  return Math.PI * r * r;
};

exports.circumference = function (r) {
  return 2 * Math.PI * r;
};

require命令

require命令的基本功能是，读入并执行一个JavaScript文件，然后返回该模块的exports对象。
第一次加载某个模块时，node会缓存该模块。以后再加载该模块，就直接从缓存取出该模块的module.exports属性。CommonJS模块的加载机制是，输入的是被输出的值的拷贝。也就是说，一旦输出一个值，模块内部的变化就影响不到这个值。请看下面这个例子。

ES6Moudle

介绍

浏览器运行环境下采用ECMAScript 6.0的moudle模块化管理。ES6 模块是编译时加载，即加载对应模块的部分内容，并不加载整个模块，效率要比 CommonJS 模块的加载方式高。CommonJS 加载整个模块的exports对象，才使用所需要的内容。

export 和import命令

export命令规定的是对外的接口，必须与模块内部的变量建立一一对应关系。
export命令可以出现在模块的任何位置，只要处于模块顶层就可以。如果处于块级作用域内，就会报错，下一节的import命令也是如此。这是因为处于条件代码块之中，就没法做静态优化了。
import命令接受一对大括号，里面指定要从其他模块导入的变量名。大括号里面的变量名，必须与被导入模块对外接口的名称相同。import命令输入的变量都是只读的，因为它的本质是输入接口。也就是说，不允许在加载模块的脚本里面，改写接口。import后面的from指定模块文件的位置，可以是相对路径，也可以是绝对路径。如果不带有路径，只是一个模块名，那么必须有配置文件，告诉 JavaScript 引擎该模块的位置。注意，import命令具有提升效果，会提升到整个模块的头部，首先执行。
import也可以加载整个模块，即用星号（*）指定一个对象，所有输出值都加载在这个对象上面。

export default

使用export default输出后，import时不加{}。本质上，export default就是输出一个叫做default的变量或方法，然后系统允许你为它取任意名字。可用于指定模块的默认输出。显然，一个模块只能有一个默认输出，因此export default命令只能使用一次。所以，import命令后面才不用加大括号。
可以使用

import foo, { bar1, bar2} from 'lodash';

同时引入默认接口和其他接口。

CommonJS是值得缓存，ES6Moudle是值的引用