JavaScript即将推出令人兴奋的新功能!
即使新ECMAScript 2020(ES2020)语言规范的最终批准已经在六月,您也可以立即开始尝试一下!
处理模块
一些重要的创新涉及模块。其中,开发人员长期以来一直要求的功能是动态导入。但是,让我们按顺序进行详细介绍。
动态导入
当前的模块导入机制基于静态声明,如下所示:
import * as MyModule from "./my-module.js";
该语句有两个约束:
在当前模块的加载时间评估导入模块的所有代码
该模块的说明符("./my-module.js"在上面的示例中)是一个字符串常量,您不能在运行时更改它
这些约束阻止有条件或按需加载模块。同样,在加载时评估每个相关模块也会影响应用程序的性能。
新import()语句通过允许您动态导入模块来解决了这些问题。该语句接受模块说明符作为参数并返回pr