代码之家 › 专栏 › 技术社区 › Rounin

既然ES2015 dynamic import()得到了广泛支持,那么ES2015静态导入有哪些优势?

es6-modules import ecmascript-6 javascript

Rounin · 技术社区 · 5 年前

ES2015模块 越来越多。

通常,我倾向于通过动态 import() 语法,使用以下模式的变体:

import(moduleURL.js).then(importedModule => myFunction(importedModule));

在2020年初,考虑到 导入() 现在有了近乎通用的浏览器支持。

但这是否也意味着 import 陈述如下:

现在有效地(尽管不是官方的)被否决了?

猜测 具体技术优势 静态的 进口 动态语句 ?

在什么情况下,我最好使用前者而不是后者?

为什么我要问ES2015静态 ?

这不仅仅是无聊的好奇心。

导入()

但在我领养之前 导入()

0 回复 | 直到 5 年前

CertainPerformance 5 年前

使用同步代码比异步代码更容易。而你在任何地方都使用动态导入,这需要将 .then s(或顶级 await s、一旦得到支持)无处不在。仅此一点就会导致大量令人讨厌的语法噪声。如果必须同时导入多个模块,情况会更糟:

Promise.all([
  import('foo'),
  import('bar')
])
  .then(([foo, bar]) => {
    // do stuff with foo and bar
  });

与

import foo from 'foo';
import bar from 'bar';

更少的语法噪声意味着更少的bug表面积。

还要注意,虽然动态导入得到了广泛支持,但它并不是普遍支持的。相对较小的一部分用户仍然处于老边缘,或在FF 56或以下,或在Chrome 62及以下,甚至在IE11上。有些人可能认为,最好提供基本上对每个人都有效的脚本,而不仅仅是绝大多数人。(这就是为什么巴别塔至今仍被广泛使用的原因之一)

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

7 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

8 月前

Alex · 在轻量级中同时解构和不解构变量

8 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

8 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

8 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

8 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

8 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

8 月前

user3472810 · Angular@Output/EventEmitter返回undefined

8 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

8 月前