1.变量名规范

好的变量名能让人一眼知道变量是用来干嘛的，什么意思，不需要从上下文去理解。正常可以用名词➕驼峰或者下划线组合，不建议用一些特殊符号组合。

示例：

 let name = 'zhangsan’ let basicInfo = '很帅'//或者basic_info

2.复用代码抽离

在开发当中经常会复用某一段重复的代码，此时如果简单的复制粘贴，容易造成代码冗余不易于维护。那么正确的做法是什么呢，只要但凡需要复用的代码我的做法就是抽离封装，这样代码简洁并易于维护。

示例：

function test() {          //TODO          initPerson()        }        function initPerson() {          let name = "zhangsan"          let basicInfo = "很帅"//或者basic_info        }

3.复用重复计算的变量

在实际开发当中，经常会遇到一个需要计算的值重复使用，那么这个时候呢，我们应该怎么优化代码呢？首先，重复使用需要计算的值，会导致计算多次，降低代码性能。其次，多个重复计算的值维护起来也需要同时维护多个，造成不易于维护的局面。所以我们需要将重复使用的计算值定义为一个变量，后面使用到的地方都直接取这个变量就可以了，大大降低了维护成本和性能问题。

4.代码注释

代码注释是老生常谈的问题了，但凡想把代码写好的人都会注意这点，把自己的代码加以注释，便于自己或者他人后期维护。代码注释需要注意说明代码的实现目的和条件。

5.数据兼容性

可能在其他地方你看不到这个问题，但是我这里为什么会单独分享出来，是因为太多的bug或者问题都是这方面没有注意导致的。

常见的前端请求接口数据，在不确定返回的数据类型是数组、对象、空字符还是null，那么我们就要在代码里对这种可能性做好兼容性处理。

示例：

this.$axios.post('https://api/test',params).then((res) => {          //接口返回数组的情况          const data = Array.isArray(res)?res:[]          //接口返回对象的情况          const data2 = res?res:{}          //接口返回数字的情况          const data3 = res!==null?Number(res):0          //接口返回字符串的情况          const data4 = res?res:''        }).catch(err => {          console.log(err);        })

此外，还有其他一些注意点，这里就不再一一列举了，只有多学习，多看优秀的代码，平常可以看看github源码，学习大佬的优点，变成自己的优点。同时自己的代码在开发的时候可能写的并不是很优雅，可以在闲时的时候稍微优化一下，对于后面自己复用自己的代码又会省事很多。