TypeScript中基于作用域声明let/const变量的最佳实践是什么？

开发者阿泽

2026-7-5

let/const变量作用域声明的最佳实践问题

从功能上看，以下两种写法实现的效果一致。推测TypeScript编译器会将它们转换为相同的JavaScript代码；若TypeScript编译器未做此优化，JavaScript解释器也会进行优化。

我曾习惯在循环外部声明变量以避免重复声明，这对于带有复杂构造函数的对象而言十分关键——因为在我之前的认知里，写法1不会每次迭代都调用构造函数与析构函数。不过如今，写法2对于更复杂的对象也具备以下优势：

请问基于作用域声明let/const变量的最佳实践是什么？

写法1

let someVar = "";
this.array.forEach(item => {
  someVar = item;
  // no further reassignment of someVar
  ...
});

this.array.forEach(item => {
  const someVar = item;
  ...
});

优先用const，按需用let：只要变量不需要被重新赋值，就用const，它能明确表达“变量不可变”的语义，避免意外修改，也契合写法2的优势。如果确实需要后续修改变量值，再使用let。
变量声明尽量贴近使用场景：像写法2那样，在变量的使用作用域内（比如循环回调、函数内部）声明，而不是提前在外部声明。这么做的好处：
- 缩小变量作用域，避免变量在不必要的范围被访问，减少命名冲突和误操作的风险
- 提升代码可读性，变量的用途、生命周期一目了然，不需要往前翻找声明位置
- 现代JS/TS引擎的优化能力已经足够强，完全不用担心“重复声明”带来的性能问题——哪怕是复杂对象，引擎会自动处理内存复用、构造/析构的优化，代码可维护性的优先级远高于这种微优化。
杜绝无意义的外部变量：写法1中外部声明的let someVar属于冗余设计，因为每次迭代都会覆盖它的值，而且它的存在会扩大变量作用域，增加心智负担。如果不需要在循环外部使用这个变量，绝对不要在外部声明。

另外你之前担心的“复杂对象构造/析构重复调用”问题，在现代JS运行环境下已经不需要手动优化。引擎会自动完成诸如变量提升、内存复用等优化操作，写法2的性能表现和写法1几乎没有差异，但写法2的代码质量更高。

内容的提问来源于stack exchange，提问作者Murmulodi