首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JS代码超过1000行,该怎么维护?

JS代码超过1000行,该怎么维护?

作者头像
web前端教室
发布2018-02-07 11:42:25
1.9K0
发布2018-02-07 11:42:25
举报
文章被收录于专栏:web前端教室web前端教室

1000行JS代码,听起来挺多的,但实际上真不算什么,随便一个功能完备、代码健壮的JS应用或是模块,很轻松的就写出1000多行,看这里,我以前写的一个tabel插件,带有CRUD功能、展开、加载、上传、预览功能的东西,当时为了赶时间没怎么细写,只是实现了功能,就达到700多行,

所以,现代的大型web应用,1000行以上的JS代码我觉得就是“起步价”而已。那么这种大型应用的开发,我们必须对JS的可维护性有一个清醒的认识。

不要觉得,“我写的代码,我还维护不了么”?很有可能。你写的代码,当它的逻辑性和复杂度达到一定程度的时候,我敢保证,“正因为你了解它,所以你未必敢动它。”

现在前端开发很少有完全从零开始写起的,都是拿一些框架、库、脚手架做为起点,然后进行自己的针对性的开发。都是在他人的成果之上进行工作,所以你要保证你的代码也是可维护的,松耦合的,不要把自己写的代码搞成一个在坑,然后让别人往里跳。

那么可维护性的代码,有啥特点?

变量名、类名、方法名,就是它的功能的说明。再加上一些注释,别人一看就知道你这东西是干嘛的。不要起什么idxx1,idxx2...idxxn之类的名字,而且我个人觉得吧,js起名不要怕名字长,长有什么关系,不重复能看明白就是好名字。

要么就是直观一些,别绕来绕去的。甚至我觉得如果可以用if else,那么别用三元判断。js代码我个人主观觉得,啰嗦一点会更好些。

然后对于数据的加载和使用,要有一定的适应性,不要搞的json的结构一变,你的js整个不能运行。自己封装一个分析json的公共方法。

至于什么可扩展啊,可调试那都应该是标配。

新人写js有一个特点,就是一心想着“我赶紧写出来”。就好像在学校上课一样,赶紧完成老师的作业。其它的就不管了,什么格式啊,缩进啊,都不管。但是良好的代码风格本身就是js可维护性的一个组成部分。

变量和函数的命名,到底用什么方式?是拼音?还是序号?还是怎么样,至少得有个章程。一般来讲变量名用名字,名称嘛;然后函数名用动词,函数是做事的呀。不必担心什么变量名太长会增加体积,现在js都是被压缩过的。

还有一个方面就是声明变量时的变量类型。同学们应该都知道,js中的变量声明是没有类型的。搞一个变量出来,什么都可以往里放。如果想在声明变量的时候,用一些方法对变量的类型进行标记,有二个方法比较有效,

(此截图来自segmentfault-Kraaas,这里表示感谢)

至少在格式、命名、声明变量 & 方法,这几个方面做到一致,那么这个js代码才能算是具有了基本的可维护性。

还有一点,如果上面我写的这些你在面试的时候能说出来,应该会有加分的啊。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2017-08-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 web前端教室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档