如何保障前端项目的代码质量(二 、js篇)

79 阅读2分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第15天,点击查看活动详情

js篇

规范代码结构

JavaScript 代码规范

代码规范通常包括以下几个方面:

  • 变量和函数的命名规则
  • 空格,缩进,注释的使用规则。
  • 其他常用规范……

命名规范

给变量命名时,应该要使变量名具有代表意图的象征,使人易于搜索并且容易理解。

使用严格等===

总是使用 === 精确的比较操作符,避免在判断的过程中,由 JavaScript 的强制类型转换所造成的困扰。

三元操作符

用三元操作符分配或返回语句。在比较简单的情况下使用,避免在复杂的情况下使用

代码不要嵌套太深

 保持复用模块的观念

当你一个函数要写得很长的时候,例如两、三百行,这个时候你考虑把这个大函数给拆了,拆成几个小函数,然后让主函数的逻辑变得清晰简洁,而每个小函数的功能单一独立,使用者只需要管输入输出,而不需要关心内部是怎么运行的

注释很重要

注释要尽量简单,清晰明了。着重注释的意思,对不太直观的部分进行注解。

  • 文件顶部的注释,包括描述、作者、更新
  • 函数的注释
  • 变量定义和代码的注释

es6会吗?会啊。那用起来啊!!! 使用ES6编码规范

  • 定义变量使用let ,定义常量使用const

  • 静态字符串一律使用单引号或反引号,动态字符串使用反引号

  • 箭头函数 需要使用函数表达式的场合,尽量用箭头函数代替。因为这样更简洁,而且绑定了 this

  • 使用扩展运算符(...)拷贝数组。

  • 对象解构赋值。

  • 使用Object.assgin简化数据赋值