在React中声明函数和变量

Question

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

我将执行此格式设置的功能存储在导入到我的React组件的Typescript文件中。

举个例子，我可能会写一个这样的表格式化函数：

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

我将其放置在一个名为functions.ts的文件中，例如。

然后我有了一个使用该功能的React组件。

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

如果在该领域有更多经验/知识的任何人都可以提供帮助，那将是很好的。如果我也完全错了，那也将很有帮助。谢谢。

Answer 1

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

的确，经典脚本中的顶级声明是全局的，但是模块中的顶级声明的作用域仅限于该模块（有点像模块是一个函数，您在其中声明了东西），然后可能从它。