javascript - 不是说js不需要编译吗，那‘ES6模块是编译时加载’是什么意思

Question

不是说js不需要编译吗，那‘ES6模块是编译时加载’是什么意思

Answer 1

JS的“编译”可能指三种流程：transform、bundle、uglify。

transform：把ES6+的JS转译成es5或以下引擎能运行的代码。
bundle：合并依赖的模块。
uglify：压缩丑化，减小体积。

ES6模块是编译时加载：模块之间的依赖关系，在运行之前（即编译时）就通过静态分析来确定好了的。

Answer 2

ES6模块不是对象，而是export命令显示指定输出的代码，输入时也采用静态命令的形式。

// ES6模块
import {stat, exists, readFile} from 'fs';

上面是从fs模块里加载3个方法，其他方法不加载。这种加载称为编译时加载，即ES6可以在编译时就完成模块加载。

意思就是，加载不是静态引入的，而是运行时判断后加载的

Answer 3

JS的“不需要编译”这个概念应当理解成没有直观的编译过程，计算机只认识二进制文件，因此所有的编程语言或脚本语言都需要进行底层的编译。
而“ES6模块是编译时加载”的意思可能有两种情况：

• ①在如gulp、webpack等自动化工具的打包过程中将ES6转化成ES5的过程，可以理解为编译。

• ②JS是脚本语言，是边执行边编译的（即解释执行），在执行过程中可能会动态的将引入的模块加载到相应的代码段，来节省性能开销。