模块化分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 不需要大括号,该命令只能使用一次