发布日期 » 2018年1月18日 星期四

版权声明 » 帅华君原创文章,未经允许不得转载。

写优雅的Javascript代码是一门技术也是艺术

共性为“道”,个性为“德”,天地遵循自然之道,万物顺应私心之德,方才有“道德”。拿JS来讲,一方面开发者共同遵循着ECMAScript的语言特性,另一方面一千个开发者却能写出一千种风格的代码。风格解读成本与沟通成本对于“为了增加破解难度”来讲是好事,对于“团队协作”来讲却是件糟糕的事。从来没有一个人或着一个团队能拿出一套放之四海而皆准的规范(出于保密目的也不会选择公开)出来。所以今天讨论的规范不是“道”的范畴,而属于“德”的范畴,带有个人色彩。不过就像“私德”永远摆脱不了“天道”的制约,代码规范受ECMAScript本身语言特性的制约。

如果说阅读优秀的代码是欣赏一副大作,那么阅读糟糕的代码就是看一面镜子,越发觉得换个角度看事物,才能看的更透彻。

前端连接人与机器,前端小伙伴既要懂人情的“暖”又要懂机器的“冷”


1、减少闭包的使用,多用回调函数。

2、局部变量声明时,使用“_”最为变量前缀。

3、减少使用匿名函数,尤其是不要用作事件处理函数。

4、随手将不再用的变量置为空。

5、声明变量的位置尽量靠近变量作用域的顶部。

6、减少变量声明的数量,需要多少声明多少,用到了再声明。

7、事件处理函数和回调函数的函数名命名规则为以“on”开头。

8、if语句能简写则简写,能用switch替代则用switch替代,巧用retuen关键字。

9、块级作用域嵌套深度<=3。

10、变量名中包含数据类型等信息,比如以"ele"或"$"开头,.ts文件巧用数据类型声明方式。

11、“紧凑”而不“松散”的外观;“健壮”而不“脆弱”的性能;

12、多站在用户代理解析HTML、CSS、JS的角度想问题。

13、减少一大段代码。

14、时而看一眼代码文件的缩略图,代码外观应该像工笔画,犀利、轻盈、细节。


未完待续 … …