随着浏览器性能提高,伴随着新的HTML5的编程接口的稳步采用,网页上的JavaScript的音量在逐渐增加。然而,一个写得不好的程序编码却拥有着打破整个网站,让用户为之沮丧和驱赶潜在客户的潜力。
开发人员必须使用所有供他们任意使用的工具和技术来提升他们的代码的质量,并有信心确认每次的执行都是可以预见的。这是一个在我心灵深处的话题并且我已经工作多年找到一组开发过程中来遵循的步骤以确保只有最高质量的代码可以被发布。
您只要按照这七个步骤操作就会大大提高您的JavaScript项目的质量。使用这个工作流程,错误将会减少并且将很多处理优化,让用户拥有一个愉悦的上网浏览体验。
01.代码
首先在你的函数里调用ECMAScript5的严格模式和一个“严格模式”的声明,并使用该模块的设计模式,在自执行的函数闭包里,通过沙箱独立的代码模块尽量减少全局变量内的使用,通过任何外部依赖关系以保持全局变量模块清晰,简明。只有使用已建立好的,行之有效的,已通过测试并结果良好的第三方的函数库和框架,并保持你的函数处于小值,从你的模组操作和其他视图层代码里分离出任何业务逻辑或数据。
有多个开发人员的较大的项目应该遵循一套既定的编码原则,如谷歌的JavaScript的风格指南,并需要更强的代码管理规则,包括通过一个库,如RequireJS,使用软件包管理使用异步模块定义(AMD)进行严格的依赖关系管理,使用Bower或Jam(客户端库管理工具)的包装管理来参考您的依赖项文件的特定版本,并采用结构设计模式,如观察者模式,以方便您不同的代码模块之间的松耦合通信。这也是一个明智的想法:使用一个代码存储库系统体系,如Git或Subversion,通过一些服务如源代码或魔豆,让您的代码在云端备份,提供恢复到以前的版本的能力,并且,对更为先进的项目创建一个代码分支来执行不同的功能,在完成之前把它们合并到一起。
02.文件
使用结构化的注释区块格式如YUIDoc或JsDoc到文件的功能,因此任何开发人员可以了解其目的,而不需要研究它的代码,这样可以减少误解。用Markdown语法可以有更丰富,长篇的评论和说明。使用关联的命令行工具来自动生成一个文档的网站:基于这些结构性的意见,它和在您的代码所做的任何修改最新状态一致。
03.往绩分析
定期对您的代码运行一个静态代码分析工具,如JSHint或JSLint。这些对已知的编码缺陷和潜在的错误进行的检查,比如忘记使用严格模式或引用未声明的变量,和缺少括号或分号。纠正任何问题的工具控件,以改善你的代码质量。尝试为您的项目团队设置默认选项,以加强编码标准,如由空格的缩进每一行,在哪里放置花括号,并在整个代码文件中使用单引号或双引号的数目。
新闻热点
疑难解答
图片精选