React系列（五）：NodeJS模块化操作

历史上，JavaScript一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如Ruby的require、Python的import，甚至就连CSS都有@import， 但是JavaScript任何这方面的支持都没有，这对开发大型的、复杂的项目形成了巨大障碍。

es6中新增了两个命令export和import，export命令用于规定es6模块的对外接口，import 命令用于输入其他es6模块化提供的功能。 

一个es6模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个 变量， 就必须使用export关键字输出该变量。下面是一个JS文件，里面使用export命令输出变量。

编写单独的模块（a.js文件）

外部（main.js）使用此模块，需要先执行导入 import{变量名1[，变量名2，变量名3,…]} from ‘文件’

export 不只是能导出普通变量，还可以导出其他的数据类型（a.js）

外部使用此模块中导出的函数、对象（main.js）

也可以一次导入所有变量 import * as 标识符 from ‘文件’（main.js）

默认导出 export default （exportDefault .js）

export default指定默认导出，这在模块只有一个变量输出时非常常用；引用该模块时，用户不需要知道要引入的变量名称是什么，而是在引用位置给变量（函数、对象、类）指定名称

外部引用模块时可以为模块变量命名（main.js）

export default命令让加载模块变得更容易理解，如下代码：