没有未使用的 vars 空白下划线 javacript - Javascript

在 JavaScript 编程中，不小心声明了未使用的变量是很常见的问题。这些未使用的变量不仅会影响代码可读性，还可能导致资源浪费。同时，在 ES6 或更高版本中，使用未声明的变量将会抛出 ReferenceError 错误。

为此，建议在编写 JavaScript 代码时，使用无用变量检测工具来提高代码质量并减少代码中的资源浪费。

下面介绍三种检测未使用变量的方法：

1. ESLint

ESLint 是一个用于识别并报告代码中的模式的工具，可以通过配置规则来检查 JavaScript 代码，包括变量和函数是否被使用等问题。

安装 ESLint：

npm install eslint --save-dev

使用 ESLint：

在项目根目录下创建.eslintrc.json 或者 .eslintrc 文件，然后添加指定的规则。下面是一个例子：

{
  "rules": {
    "no-unused-vars": "error",
    "no-undef": "error"
  }
}

以上代码配置表明，在检测中，如果出现未使用变量或未声明的变量，就会抛出error错误，并且终止代码的执行。

运行 ESLint：

npx eslint file.js

上面代码中 file.js 为需要检查的文件名。

2. ESlint-plugin-unused-vars

eslint-plugin-unused-vars 插件是检测未使用变量的 ESLint 插件。

安装 eslint-plugin-unused-vars：

npm install eslint-plugin-unused-vars --save-dev

使用 eslint-plugin-unused-vars：

在 .eslintrc.json 或者 .eslintrc文件中添加 eslint-plugin-unused-vars 插件：

{
  "plugins": ["eslint-plugin-unused-vars"],
  "rules": {
    "eslint-plugin-unused-vars/no-unused-vars": "error"
  }
}

以上代码配置表明，在检测中，如果出现未使用变量，就会抛出 error 错误，并且终止代码的执行。

运行 eslint-plugin-unused-vars：

npx eslint file.js

上面代码中 file.js 为需要检查的文件名。

3. TypeScript

在 TypeScript 编程中，使用未声明的变量同样会导致编译错误。因此，使用 TypeScript 编程也会减少未使用变量的问题。

安装 TypeScript：

npm install typescript --save-dev

使用 TypeScript：

在 TypeScript 编程中，只需使用带有 strict 标志的 tsconfig.json 文件，即可在编译过程中检测未使用的变量。

运行 TypeScript：

在终端中输入以下命令进行编译和检测：

tsc --strict file.ts

上面代码中 file.ts 为需要检查的文件名。

以上就是三种 JS 检测未使用变量的方法。大家可以根据自己的喜好选择其中一种或多种方法来提高 JavaScript 代码的质量。