JavaScript 验证器

2025 年 8 月 29 日 | 6 分钟阅读

JavaScript 是最流行的编程语言之一，被Google、Microsoft、Meta、Amazon 等众多科技巨头公司以及许多其他大型公司使用。它是网站通用的首选语言，被认为是 Web 开发的旗舰编程语言。

JavaScript 验证器用于验证 JavaScript 中编写的语法和代码，使其符合 ECMAScript 规范（这是 JavaScript 语言的标准规范），并且没有错误。JavaScript 是使用最广泛的编程语言，因此在工业特定的`大型组织项目`上工作时，编写无错误的高效代码非常重要。

JavaScript 验证器的主要优点在于，它可以显示程序中出现的代码错误并突出显示它们，包括标点符号和其他与语法相关的错误。

JavaScript 在线验证器

JavaScript 验证器可以在网上找到，有免费的也有价格合理的。建议使用网上找到的免费网站。要免费在线验证 JavaScript，请访问网站，复制您编写的代码，然后粘贴到文本区域中。然后单击验证代码的按钮，您就可以轻松找到错误所在并轻松纠正它们。

JavaScript 代码 Linter（代码检查器）

JavaScript 验证器可以显示 JavaScript 代码中的语法错误和不同的结构问题。但代码 Linter 的作用不仅仅是定位错误。使用 JavaScript Linter，将进行广泛的分析，并指出 JavaScript 代码中可能出现的`未来`问题。Linter 通过提供合适的实践和文档来帮助规划代码性能。

1. ESLint

ESLint 是一个 JavaScript Linter，用于检查代码的结构和语法，并指出程序中潜在的错误。让我们看看如何使用和安装它

安装： 要安装 ESLint，您的系统应安装 Node.js，并且它应该支持 SSL（官方 Node.js 发行版，SSL 始终内置）。可以通过 Node 包管理器 (npm) 进行安装。下面是安装 ESLint 的命令。

使用 npm

使用 Yarn

之后，我们可以在系统中的任何文件或目录上运行 ESLint。命令如下

使用 npm

使用 yarn

配置： 当我们运行 init @eslint /config 时，系统会问一系列问题，以确定我们如何使用以及应包含哪些选项。完成这些问题后，您会在目录中看到一个 eslint.config.js（或 eslint.config.mjs）文件。

import { defineConfig } from "eslint/config";
import globals from "globals";
import js from "@eslint/js";
export default defineConfig([
    { files: ["**/*.js"], languageOptions: { globals: globals.browser } },
    { files: ["**/*.js"], plugins: { js }, extends: ["js/recommended"] },
]);

“js/recommended”配置确保规则页面上标记为推荐的所有规则都将开启。我们还可以通过在 npmjs.com 上搜索“eslint-config”来使用其他人创建的配置。只要我们扩展自共享配置或在配置中明确开启规则，ESLint 就会检查我们的代码。

我们可以独立配置规则。我们必须定义一个带有 rules 键的新对象，如下例所示

import { defineConfig } from "eslint/config";
import js from "@eslint/js";

export default defineConfig([
	{ files: ["**/*.js"], plugins: { js }, extends: ["js/recommended"] },

	{
		rules: {
			"no-unused-vars": "warn",
			"no-undef": "warn",
		},
	},
]);

在上面的代码中，“no-unused-vars”和“no-undef”是 ESLint 中的规则。第一个值是规则的错误级别，可以是以下值之一

"off" 或 0 - "off" 或 0 会禁用该规则。
"warn" 或 1 - "warn" 或 1 会将规则启用为警告（不会影响退出码）。
"error" 或 2 - "error" 或 2 会将规则启用为错误（退出码将为 1）。

这三个错误级别使我们能够控制 ESLint 如何应用规则。

2. JSHint

JSHint 是另一个流行的错误检测工具。

安装：我们可以全局安装它。全局安装的命令如下

通过运行以下命令，我们可以在项目内部本地安装它

3. Flow Validator (类型检查器)

Flow Validator 被认为是一种静态类型检查器，可以验证`随机`的 bug。

安装： 安装命令如下

配置：Flow 的配置如下

我们需要在项目根目录中创建一个 .flowconfig 文件。我们需要运行下面的代码来创建 .flowconfig 文件。

.flowconfig 文件告知 Flow 应该检查哪些文件或文件夹，哪些不应该检查。基本 .flowconfig 文件示例

[ignore]  
<PROJECT_ROOT>/node_modules/  
[include]  
[libs]  
[lints]  
[options]  
[strict]  

我们必须在文件顶部添加 //@flow，因为 Flow 只检查文件顶部包含 //@flow 的文件。

运行： 要运行 Flow，我们需要运行给定的命令

我们可以将下面的代码添加到我们的 package.json 文件中

"scripts" : {
          "flow" : "flow"
}

通过在 package.json 中添加上面的代码，我们可以使用以下命令运行 Flow。

4. StandardJS

StandardJS 是一个 JavaScript Linter。这个模块有三个优点

无需配置。这是在项目中实现一致风格的`轻松`方法。我们只需要`直接使用`即可。
它会自动格式化代码。我们只需要运行 standard --fix，所有不一致和`杂乱`的代码都会消失。
它`早期`就能捕获风格问题和开发者错误，通过`消除`审阅者和贡献者之间的`来回沟通`，节省了宝贵的代码审阅时间。

安装：我们需要安装它。如果您想全局安装，请运行下面的命令

我们可以为单个项目本地安装它。命令如下

注意：在运行上述命令之前，请务必确保系统已安装 Node.js 和 npm。