什么是TypeScript locals？解析tsconfig.json中noUnusedLocals配置作用

嘿，我来给你把这个事儿讲明白！

首先，先搞懂什么是TypeScript locals——其实就是你在代码的某个局部作用域里声明的变量/常量，比如：

• 函数内部定义的变量
• if/for代码块里声明的变量
• 任何被大括号{}包裹的小范围里的变量

这些变量只能在自己的作用域里用，出了这个范围就访问不到了，和全局变量是相对的概念。

然后说noUnusedLocals这个配置项的作用：
当你在tsconfig.json里把这个选项设为true时，TypeScript编译器就会变身成一个“代码洁癖检查员”——它会扫描你所有的局部变量，如果发现某个变量你只声明了，但从头到尾根本没使用过，它就会直接抛出错误提示你，逼着你要么删掉这个没用的变量，要么真的去用它。

举个直观的例子：

function calculateTotal() {
  // 这是一个local变量，只在这个函数里有效
  const taxRate = 0.08;
  // 下面的代码根本没用到taxRate
  return 100 + 20;
}

开启noUnusedLocals后，编译器会报错：'taxRate' is declared but its value is never read.

但如果你修改代码，真的用到这个变量：

function calculateTotal() {
  const taxRate = 0.08;
  const subtotal = 100 + 20;
  return subtotal * (1 + taxRate);
}

这时候编译器就不会有任何意见了。

这个选项的好处很实在：

• 帮你清理冗余代码，避免不必要的内存占用
• 提醒你避免粗心错误（比如你本来想用某个变量，结果写错了名字，导致原变量闲置）
• 让代码更整洁，可读性更高

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