Question

我在控制台中使用正常的错误记录...
跟踪调用堆栈和所有内容。从来没有什么大问题。

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

任何人都可以比较两者，也许给出赞成和反对的比较。

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

Answer 1

一种整理工具可以帮助我避免在编写JavaScript时出现愚蠢的错误。尽管我有多年的经验，但我仍然错误地键入了变量名，犯了语法错误，忘记了正确处理错误。一个好的棉绒工具，或一个短绒棉，会在我浪费时间之前或更糟的情况下告诉我有关此事的信息，或更糟糕的是，我的客户的时间。好的整理工具也可以帮助确保项目符合编码标准。

有许多JavaScript可用的linter，例如JSLint，JSHint，JSCS和ESLint，让我们看一下替代方案的优缺点：

专业人士

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

缺点

您不能添加自定义规则（并非针对所有情况）
很难知道哪个规则导致了哪个错误
需要一些配置
缓慢但不是障碍

示例：

在条件下进行严格类型检查：

在以下代码中，如果不进行严格的类型检查，您将收到lint错误。

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

出现皮棉错误，您可以解决此问题，以避免

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

未定义变量

对于以下代码中未声明的变量，您将收到lint错误。

'foo'被分配了一个值，但从未使用过。并且“ bar”没有定义。

var foo = bar;

Answer 2

ESLint：

ESLint是 linter 的一种工具-用于分析代码并标记潜在错误的工具。这对于避免编码时常见的错误（使用未定义的变量，语法错误等）很有帮助。

优点：

帮助防止语法错误
帮助防止常见错误
帮助您遵守编码约定
...

缺点：

需要设置
有时候会有点烦人...

浏览器控制台：

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

ESLint与控制台：

您不必在一个或另一个之间进行选择。两者都满足不同的需求，并且都可以帮助您交付更好的软件。

如果您要编写前端JavaScript，我确定您已经每天都在使用浏览器控制台。

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

ESLint和常规控制台错误之间有什么区别？

2 个答案: