代码不规范,同事皮锤现(上)

  • 2019 年 10 月 3 日
  • 笔记

  没错,在下就是传说中的标题党本党了,可能大家对这个标题都有所理解,now,我们来设想一个情景,当你的老大让你去修改别人的代码时,当你怀着热切的心情打开代码定睛一瞧,缩进错乱,命名不规范,通篇没注释,你是不是有那木一刻非常想提起四十米的大刀大喊一声:狗贼,来吃洒家一刀!!!

  为了防止世界被破坏,为了守护世界的和平,呸呸呸,串台了。咱吧,也不为别的,就为了把代码写的漂亮整洁,让同事一看,嚯,这代码真靓。有句笑话是这样讲的:代码写的好的人,离职就离职,找个人很快就能接手代码,而代码写的乱的人则是公司的不可替代人才!为何叫不可替代人才呢,代码写的自己写的自己扭过头去都看不懂的境界可不是不可替代咋的。扯到这大家想必也明白为啥要重视起代码的规范来,下面我们来看一看具体有哪些小细节可以帮我们规范代码。

1.层级缩进

 一份缩进良好的代码能直观的显示出代码的层级关系,令人看上去颇有看美女的感觉,身姿婀娜。在VSCode中进行层级缩进我推荐两个插件,括号配对着色(Bracket Pair Colorizer) 和 彩虹缩进(Indent Rainbow),来瞅一眼效果,每个括号都有对应的颜色,缩进会加淡淡的颜色进行区分,够不够婀娜,

 

 

2.缠人的小分号

 每次说到规范必然来提一嘴分号,有的人习惯在语句末加分号,有的则不加,在大部分情况下不加并不会出现问题,因为分析器的ASI(自动分号插入)机制会将你偷懒少打的分号补上。但是再某些特殊的情况下不加分号则会出现问题。所以我的建议是不要给这个小妖精磨人的机会,直接在句尾都手动加上分号,时时刻刻盯紧这小妖精。

 

3.变量如其名

  古往今来多少英雄汉都有一个响亮的名字,如关羽吕布等等,一听就比较高端大气上档次,什么三英战吕布是吧,多厉害。但是我们要是给吕布换个名字呢,吕二蛋,三英战吕二蛋。这就没啥档次了,给变量起名字也是一样的,一定要起的简介明了,直截了当。可以使用英文名称并且采用小驼峰的写法,切记不要使用汉语拼音,虽说用了也没错,但是总感觉差点意思。而给函数起名我们可以参考武侠中招式的起名方式,譬如七伤拳,降龙十八掌等等,都带着自己的种类,函数名也是一样的,获取值我们可以在前面加个get,删除我们可以加一个delete,让队友一眼就能大体知道这个函数式用来干什么的!!

 4.定义之处见学问

  在定义变量和函数的时候我们一定要十分当心,为什么呢?因为在用var定义变量和继进行函数声明时,会进行变量声明提升,而且当变量不适用var直接赋值的时候更会导致该变量会被定义到全局作用域,而原因就是引擎在执行赋值操作的时候回执行LHS查询。ES6我想大家现在都用的比较熟悉了,毕竟都9102年了,在定义变量的时候我们可以使用let和const来替代var,因为let并不会进行变量声明提升,而常量我们则可以统一使用const,防止被误操作。而定义函数的时候,我们要先定义后使用,虽然后定义也可以使用,因为函数声明也会进行变量声明提升,但是我们先定义后使用会让我们的代码更加简单易懂,我们还有一个大招,

那就是严格模式:’use strict’,我们可以使用严格模式来让我们的代码更加规范。

 

 

好了,这篇到这里就要结束了,怀着激动的心情迎来了十天小长假,各位,你们还好吗?加班吗?不管你们加不加班,我是不加班,哈哈