javascript - 如果使用多个导入而不是一个命名导入，是否会有性能成本

Question

我想知道如果我们进行多次导入是否会有性能成本，如下所示:

import { wrapper } from './components/wrapper';
import { error } from './components/error';
import { products } from './components/products';

在每个组件文件夹中，我都有一个 index.js 并将其导出为命名的，如下所示:

export { default as wrapper } from '.wrapper';

---

相比于:

从同一来源导入所有文件作为命名导入，如下所示:

import {
   wrapper,
   error,
   products,
 } from './components';

在 components 文件夹中，我有一个索引，我可以在其中收集和导出所有文件，如下所示:

export { wrapper } from '...';
export { error } from '...';
export { products } from '...';

Answer 1

根据ES262 specification , import 和 export 语句只是向引擎提供有关模块之间依赖关系的信息。 最终如何加载模块取决于引擎(尽管有一些限制)。因此，从源头导入与导入再导出之间是否真的存在差异取决于环境。

无论差异如何，都可能无关紧要。选择最适合您的。