const 应该是 React.js 中的外部函数组件吗？答案

【问题标题】：Should const be outside function components in React.js?const 应该是 React.js 中的外部函数组件吗？
【发布时间】：2021-09-07 06:28:03
【问题描述】：

我的一些代码得到了一条评论评论，上面写着“将 const 移到函数之外以避免重新声明”。这是一个普通的函数组件，如下所示：

export default function someComponent() {
  const someString = 'A string';
  ///...
}

我对这导致重新声明的想法感到困惑，因为它没有，我知道保存变量和常量的记录属于范围，所以不完全是这样。但后来我记得打字稿不允许你在一个类中有一个 const，不确定原因或者这是否相关。但是后来 ts 在 ts v2 中添加了 readonly 修饰符，所以混乱仍然存在。

const 是否应该在函数组件之外？我很想知道更多的意见。

【问题讨论】：

【解决方案1】：

硬币有两个面。首先，就干净的代码和可读性而言，我非常喜欢你的例子中的本地声明。我也喜欢使用更多的嵌套函数。

但是，在 JavaScript 中，每次执行函数时，都会重新声明局部定义，即使它们是常量或函数。所以这是一个权衡。如果多次调用该函数，这将成为开销。

我认为对于像 TypeScript 的 tsc 这样的编译器或其他一些预处理器来说，在编译时提取这些定义以实现两全其美并不难。但他们这样做可能不是为了保持完全兼容。我不知道这些工具，但如果有的话我会很感兴趣。

【讨论】：