JavaScript 如何做代码检查

你有没有过写JS代码时的经历：刚敲完一行，运行就报错“未定义变量”；或者过了一周再看自己的代码，怎么也搞不清某个变量是干嘛用的；甚至团队合作时，不同人写的代码风格差得离谱，review时要改半天格式？其实这些问题，都可以靠“代码检查”解决——它不是等代码跑崩了再找bug，而是写代码时就给你套上一层“智能保镖”，帮你避开低级错误、统一规范。

什么是JS代码检查？

简单说，就是用专门的工具，按预设的规则“读”你的JS代码，像个认真的小组长，逐行检查：有没有忘写的分号？有没有用了没定义的变量？有没有循环里的死逻辑？比如你不小心写了let a = 10; console.log(b)，它会立刻提醒你“b没定义”；要是你写了if (true) { ... } else if (false) { ... }，它会说“这个else if永远不会执行，是多余的”。

常用的JS代码检查工具

目前用得最多的就是ESLint，它是专门为JS做的，轻量、灵活，还能配自定义规则，几乎是前端开发的“标配工具”。举个生活化的例子：ESLint就像学校的“班级守则检查”，规则你可以自己定——比如要求“变量名用小驼峰（比如userName，不能用user_name或User）”“必须加分号”“禁止用alert弹窗（怕不小心忘了删）”。

除了ESLint，还有老一点的JSLint、JSHint，但它们规则太死板，不如ESLint能适配不同项目，现在基本被淘汰了。

怎么快速上手用ESLint？

不用怕复杂，哪怕你是新手，按这几步就能搭起来：

• 先装Node.js（前端开发的基础工具，装完后打开电脑的命令行工具，比如Windows的CMD、Mac的终端）；
• 新建一个文件夹当项目，在文件夹里右键打开终端，输入npm init -y（这是初始化项目，自动生成一个配置文件）；
• 输入npm install eslint --save-dev，把ESLint装到项目里；
• 再输入npx eslint --init，跟着提示选规则：比如你是做网页的，选“To check syntax, find problems, and enforce code style”；用的是JS还是React？选对应的选项；最后选个风格，比如“Airbnb”（行业常用的统一风格）或者“Standard”（极简风格），选完它会自动生成一个.eslintrc.cjs的配置文件。

装完后，你写的JS文件里有不符合规则的地方，终端会直接报红，告诉你第几行有问题，该怎么改。要是想直接在编辑器里实时检查，还能装VS Code的ESLint插件，写代码时错误立刻标黄，不用切换看终端，就像输入法的拼写提醒一样方便。

代码检查不是“找茬”，是帮你变高效

很多新手觉得代码检查太麻烦，“我自己能改，干嘛要工具说”，但真用了就知道：它能帮你避开90%的低级错误——比如忘写分号导致的JS自动插入分号的怪异bug，或者变量名打错导致的undefined。而且团队合作时，所有人的代码风格统一，不用为“该用let还是var”“缩进2格还是4格”吵架，review代码时只看逻辑，不用揪格式。

当然，它也不是万能的，比如逻辑错误（比如把>写成<</code>）还是需要自己判断，但它是前端开发最实用的“效率工具”之一，哪怕做小项目、练手作业，装上它，写代码的错误率都会降一大截。