ESLint vs JSHint：前端代码检测工具对比-JavaScript中文网-JavaScript教程资源分享门户

前言

随着前端开发日趋复杂，代码质量的管理变得尤为重要。代码检测工具就是我们可以借助的辅助工具。代码检测工具常常使用在代码库的审查，工作流程中代码提交的自动化检测，代码评价等环节中。在本文中，我将分享两个前端代码检测工具，ELSint和JSHint，并对两者进行比较。

代码规范检测工具用于标记潜在错误、不规范的语法和格式、代码一致性等。它们会分析代码并告诉你哪些地方需要修复。在 JavaScript 中，存在多个代码规范检测工具，例如：ESLint 和 JSHint。

ESLint 和 JSHint 是前端代码检测工具里的翘楚，所以今天我们将对它们进行比较。

ESLint 是一个开放，用于识别和报告模式匹配问题的工具。它被用来检查 ECMAScript / JavaScript 代码中的问题。

ESLint 有两个很大的优势：

它可以通过插件支持不同的规则，因此可以非常透彻地控制代码审查过程。
ESLint 还支持一些流行的框架和库。这意味着你可以让 ESLint 使用关于 React、AngularJS 和 Vue.js 等的一些最佳实践，以确保代码的代码规范。

JSHint 是一个为了帮助找出 JavaScript 代码错误而创建的严格的开源控制工具。 JSHint 可以在编写代码时进行代码验证，使得代码一致性、操作行为一致性等能够得以保证。事实上，JSHint 在一开始便是为了解决早期 JavaScript 代码的此类问题而诞生的。

在全局安装前请先安装 Node.js，使用以下命令可以用全局的方式安装 ESLint:

$ npm install eslint --global

这些安装步骤同样也适用于本地安装。只需弃用富含 --global 的指令，直接使用 npm install eslint 即可。

要想使用 JSHint 来检查代码，你需要在系统上安装 Node.js。随后，您必须在全局目录中安装 JSHint：

$ npm install jshint --global

$ yarn global add jshint

ESLint 的一大优势就是能够按照自己的方式配置检查代码的设置。您所谓的 ESLint 模式并不过于技术，您可以以可停靠的方式对代码规范执行反应。

JSHint 让您能够修改并调整代码规范中的选项。在配置文件中，您会看到可以使用 Windows 平台的 LF 选项、在语言中添加了一个选项，或者并发地修改 ECMA 版本。因此，花费一些时间，能够通过自定义选项来实现最佳代码检查设置。

ESLint 支持多种框架，包括 Vue、Angular 和 React 等，因此您可以为您的特定框架的代码启用独特的代码检查。按照官方文档，您就可以开始从事以下一些操作：

JSLint 和 JSHint 受 JavaScirpt 语言限制所支持的框架。当您执行代码检查的难题时，不要期望 JSHint 提供对特定框架的命令。

无论你选择何种代码检查工具，都会让你的代码更加安全，代码风格更加一致。与此同时，ESLint 和 JSHint 均适用于适用于 JavaScript，而且由于密码安全机制更严格，不容易受到入侵。如果您在编写代码时有许多 JavaScript 代码，则有必要为其安装和使用其中之一。

如果你想更深入地学习 JavaScript ，我们设计了一个非常有用的免费资源——JavaScript 101。这是一门学习 JavaScript 的终极指南！在此指南中，我们将简介 JavaScript 的基础，涵盖如下内容：

以下示例代码中，我们使用 ESLint 和 JSHint 在 JavaScript 中检查代码。

const helloWorld = () => {
    const hello = "Hello";
    const world = "World";
    console.log(`${hello} ${world}!`);
}

helloWorld();

function helloWorld() {
    var hello = "Hello";
    var world = "World";
    console.log(hello + " " + world + "!");
}

helloWorld();

代码检测工具帮助我们识别代码中的潜在问题。代码检测工具是通过分析代码中存在的语法错误来捕获代码错误的。如果您的代码存在错误代码，则代码检测器将指出这一点。这有助于您发现代码中的问题，并让您更好地了解代码的内部工作。

在这篇文章中我们比较了 ESLint 和 JSHint 两个前端代码检测工具。总的来说，ESLint 的优势在于质量好，审核合同，以及支持多种框架。而 JSHint 的优势在于设置，因为它可以让你对代码规范中的选项进行调整，对一些固有特性进行优化。

我们的建议是，无论你选择了 ESLint 还是 JSHint，你的代码将获得更好的质量和一致性，因为代码检查工具可以极大地帮助我们提高代码品质。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/648bb46a48841e98949fea07