js模块化方案探讨

模块化分2中加载模式：运行时加载，静态加载

commonjs，先引入全部，生成一个对象，然后用模板解析读取对象中的一些方法，这是运行时加载。

如：let { stat, exists, readFile } = require('fs');

es6 模块 import { stat, exists, readFile } from 'fs';实质是只加载3个方法，其他方法不加载。这种加载称为“编译时加载”或者静态加载，效率mo'k更高。

之前还碰到一个问题就是，commjs输出promise对象会报错，用es6模块来输出则没问题。

es6语法：export 表示输出，一个文件可以有多个输出。import 表示输入，被输入文件没有输出的话，表示引入整个文件。

                export {firstName, lastName, year};简写形式，只能输出对象形式参数。

     export语句输出的接口，与其对应的值是动态绑定关系，即通过该接口，可以取到模块内部实时的值。

                export 只能出现在模块顶层，不能出现在局部作用域。

                import :加载的是只读的接口，无法改写加载进来的内容。

                import 后面的from指定模块文件的位置，可以是相对路径，也可以是绝对路径，.js后缀可以省略。如果只是模块名，不带有路径，那么必须有配置文件，告诉 JavaScript 引擎该模块的位置。

                export default 默认输出一个对象 其他模块加载该模块时，import命令可以为该匿名函数指定任意名字。 import 不需要大括号，该命令只能使用一次

转载于:https://my.oschina.net/u/3971746/blog/2999125