导入特定 functions/variables 与完全导入它有区别吗？

Question

例如，在 ReactJS 中导入函数时，我通常只导入特定函数。

import { useEffect, useState, /* ETC... */ } from 'react';

但是只导入整个模块有区别吗？

import React from 'react';

除了您需要执行 React.useState() 而不是 useState() 之外，性能上是否存在差异？它加载速度是否更快等。我知道它可能在这两种情况下读取整个文件，但是否有其他影响？

Answer 1

这是个很好的问题。我已经安装了 VSCode 的扩展 Import Cost，它可以让您了解每个库的导入大小成本以及导入方式。

这个库有一个 post 详细解释。 Medium Import Cost Post

我尝试对其进行测试，结果会有所不同，具体取决于您导入所有内容的方式或仅导入方法。

VS

Is there a difference to importing specific functions/variables vs importing it entirely?