ESLint与正常的控制台错误有什么区别？

Question

我在控制台中使用正常的错误记录... 跟随调用堆栈跟踪和所有。从未有过太大的问题。

朋友推荐ESLint。在查看了一些截图后，我发现ESLint和正常的错误记录之间没有太大区别。

任何人都可以比较两者，也许是优点和缺点。

奖励积分：包括一些用例，其中一个比另一个好。

Answer 1

ESLint：

ESLint是一个linter工具，可以分析您的代码并标记潜在的错误。这对于避免在编码时产​​生的常见错误（使用未定义的变量，语法错误等）非常有用。

优点：

• 有助于防止语法错误
• 有助于防止常见错误
• 帮助您遵守编码惯例
• ...

缺点：

• 需要设置
• 有时会有点恼人......

浏览器控制台

另一方面，控制台是一种可以在所有现代浏览器中找到的工具。与linter相反，在控制台中你会发现运行时错误-ie。在执行代码期间发生错误。

---

ESLint与控制台：

您不必在一个或另一个之间进行选择。两者都涵盖不同的需求，都可以帮助您提供更好的软件。

如果您正在编写前端JavaScript代码，我相信您已经每天都使用浏览器控制台。

最重要的是，您可以选择是否使用短绒。

Answer 2

一个linting工具可以帮助我避免在编写JavaScript时出现愚蠢的错误。尽管我有多年的经验，但我仍然错误地输入变量名，使语法错误并忘记正确处理我的错误。一个好的linting工具，或者一个linter，会在我浪费我的时间之前告诉我这个，或者更糟糕的是，我的客户的时间。一个好的linting工具也可以帮助确保项目符合编码标准。

有许多可用于JSLint，JSHint，JSCS和ESLint等JavaScript的链接，让我们来看看替代方案的优缺点：

优点

• 编写JavaScript时避免愚蠢的错误
• 避免出现语法错误
• 遵守编码标准
• 来配置并准备好（如果你同意它强制执行的规则）
• 最好的ES6支持，也是支持JSX的唯一工具
• 在使用良好的IDE插件进行linting等编译之前解决错误。

缺点

• 您无法添加自定义规则（并非适用于所有情况）
• 很难知道哪个规则导致哪个错误
• 需要一些配置
• 缓慢，但不是障碍

例子：

1. 条件严格的类型检查：

在下面的代码中没有严格的类型检查会得到lint错误。

`a == b && foo == null`

有了lint错误，你可以解决这个问题以避免

`a === b && foo === null`

2. 变量未定义

如果在下面的代码中声明没有变量，你将得到lint错误。

'foo'被赋值但从未使用过。并且'bar'未定义。

var foo = bar;