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

undefinedvar
  • 1.7k

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

回复
阅读 8.3k
3 个回答

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

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

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

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

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

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

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏