使用 Javascript 编写干净代码的 8 个必备技巧

2022/10/30 23:23:58

本文主要是介绍使用 Javascript 编写干净代码的 8 个必备技巧,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

avascript是一种很棒的编程语言,但是,即使对于经验丰富的程序员来说,编写干净的JavaScript代码也可能是一个挑战。

干净的JavaScript代码是什么样的?它应该是:

  1. 易于阅读
  2. 易于调试
  3. 高效、高性能

以下是您可以使用的顶级工具和技巧,将您的 Javascript 代码质量提升到一个新的水平:

1. 在所有 api 请求和 JSON 方法上使用 try catch

在发出 api 请求以获取数据时,许多事情都可能出错,因此必须处理这些场景。当处理 JSON 不会自动信任给定的内容时,请尝试通过处理可能的不一致来使您的代码更加健壮。

图像描述

2. 使用 linter (ESLint/TSLint)
linter 是一种静态代码分析工具,它将根据一组预定义的规则和配置检查编程和样式错误。简而言之,它将改进您的Javascript/Typescript并帮助保持其更加一致。

3. 在编辑器中跟踪 JavaScript 问题

保持 Javascript 代码库干净的一个主要组成部分是可以轻松跟踪和查看代码本身的问题。在编辑器中跟踪代码库问题允许工程师:

  • 全面了解科技债务等较大问题
  • 查看每个代码库问题的上下文
  • 减少上下文切换
  • 持续解决技术债务

您可以使用各种工具来跟踪您的技术债务,但最快和最简单的入门方法是使用免费的VSCode或JetBrains的Stepsize扩展,这些扩展与Jira,Linear,Asana和其他项目管理工具集成。

4. 利用模板字符串 模板字符串将允许您在保留格式的同时将值注入字符串,并且代码比字符串
算术对读者更友好。

图像描述

5. 在需要搜索字符串时使用正则表达式 尽管正则表达式从外部看起来很深奥,但它是一个非常强大的字符串解析工具,允许您构建复杂的模式来解释各种困难的字符串
匹配场景。

6. 使用可选链接
停止使用长逻辑连词,并通过可选链接简化代码。

图像描述

7. 避免嵌套

嵌套是增加代码复杂性并使其更难阅读和理解的可靠方法。如果深度超过两级,请考虑重构,方法是具有根级返回条件、较短的块并将嵌套逻辑抽象到其自己的函数中。

8. 注释所有非典型代码,但不要让它取代代码的可读性

有时,您必须处理没有既定约定的不常见情况。注释此代码以帮助解释它的作用和正在考虑的上下文将极大地帮助其他程序员,并在将来返回代码时提醒自己。但这不应该被用作一开始就没有考虑编写可读代码的拐杖!



这篇关于使用 Javascript 编写干净代码的 8 个必备技巧的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程