在 React 中声明函数和变量

Question

我正在构建一个大型 React 应用程序，其中涉及处理大量数据、对其进行格式化和输出到表。 有时这些函数是变量（例如 const x = () => 等）

我将执行此格式化的函数存储在 Typescript 文件中，我将这些文件导入到我的 React 组件中。

举个例子，我可能会像这样编写一个格式化 function 的表格：

export const buildMainData = (data: any) => {
  do stuff
}

我将它放在一个名为 functions.ts 的文件中（例如）。

然后我有一个使用 function 的 React 组件。

我的问题是 - 这是一个坏主意吗？ 我是否正在创建大量污染 memory 堆的函数？ 我正在使用 create-react-app 所以我不确定 Webpack 是否在幕后做了一些魔术来防止全局变量，或者我编写的所有内容是否应该放在 React 组件中。

如果在这方面有更多经验/知识的人可以提供帮助，那就太好了。 如果我也完全搞错了，那也很有帮助。 谢谢。

Answer 1

您要导出的变量和函数不是globals ，它们是从您定义它们的模块中导出的。 它们通过导入使用。 如果您有一些未使用的，像 Webpack 和 Rollup 这样的现代捆绑软件可以对他们创建的捆绑软件进行摇树摇动，将未使用的功能排除在外（如果有的话）。 更多关于Webpack和Rollup.js中的 tree-shaking 的信息。

确实，经典脚本中的顶级声明是全局的，但模块中的顶级声明的范围是模块（有点像模块是 function 并且您在其中声明了东西），然后可能从中导出。