35|静态类型检查:ESLint语法规则和代码风格的检查
石川
你好,我是石川。
前面几讲中,我们介绍了 JS 中的测试,其中包括了单元、UI 自动化类的功能性测试,还有性能、安全以及辅助工具等非功能性的测试。通常这些测试都是我们产品上线前的软件工程流水线中重要的环节,因为这些测试所发现的问题会直接影响我们的程序能不能正常运行。
但是除此之外,有些问题是潜在的,虽然不会对我们的程序有直接的影响,但是可能会间接产生系统风险。根据墨菲定律,我们知道,会出错的事总会出错。那么除了测试以外,我们怎么解决代码中这种潜在的风险呢?这时,就需要用到 linter 代码检查工具。
今天,我们就通过检查代码质量和风格的工具 ESLint,来看看代码质量检查这项工作。
代码规范工具
在编程中 “lint” 这个术语指的是虽然可以运行,但从某种程度上不是最优的代码。这些代码可能引起潜在问题,如 bug、安全隐患,或者可读性问题。linter 是一种检测代码中是否含有问题代码的工具。linting 则是在代码上运行 linter 工具,然后修复代码、去除问题代码,直到 linter 不再报错的整个过程。
lint 并不是 JavaScript 的专有名词。它来源于 C 语言,当 C 语言问世不久的时候,有几个常见的编程错误没有被原始编译器捕捉到,因此一个名为 linter 的辅助工具就诞生了,它可以通过扫描源代码文件来查找问题。随着 C 语言的成熟,该语言的定义得到了加强,消除了风险隐患;同时代码的编译器本身一般也会发出警告,所以之后就不再需要这样额外的代码检查工具了。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
ESLint是一个用于检查JavaScript代码质量和风格的工具,通过linting来发现潜在问题,提高代码质量和统一代码风格。ESLint的核心模块包括Linter、CLIEngine和RuleTester,可通过命令行执行文件进行代码检查。安装ESLint后,可使用命令行执行代码检查。代码规范的目的是提高代码质量和统一代码风格,ESLint提供了内置规则,同时也支持自定义规则以满足不同需求。此外,ESLint还可以作为插件与Angular、React等三方库结合使用。Prettier是另一种代码规范化工具,通过解析和格式化代码,使其更加可读。文章强调了使用linter和Prettier可以帮助开发者发现潜在问题,提高代码质量和统一代码风格。同时,提出了思考题,引发读者思考和交流学习心得。
仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
《JavaScript 进阶实战课》,新⼈⾸单¥59
《JavaScript 进阶实战课》,新⼈⾸单¥59
立即购买
© 版权归极客邦科技所有,未经许可不得传播售卖。 页面已增加防盗追踪,如有侵权极客邦将依法追究其法律责任。
登录 后留言
精选留言
由作者筛选后的优质留言将会公开显示,欢迎踊跃留言。
收起评论