随着浏览器性能的提高,随着新的HTML5编程接口的稳步采用,Javascript在Web上的数量正在增加,然而,编写得不好的代码有可能破坏整个Web站点,让用户沮丧并驱逐潜在客户。

开发人员必须使用他们能用来提高代码质量的所有工具和技术,并确信每一个执行都是可预测的。这是我心目中的一个主题,我已经工作了很多年,在开发过程中找到一系列的步骤来确保只有最高质量的代码才能被发布。

只要您遵循这七个步骤,您将大大提高您的Javascript项目的质量。

1代码

首先,在严格的模式,你叫ecmascript5功能和严格的方式申报,设计模式和该模块的使用,自我实施的关闭功能,减少全局变量的代码模块的沙箱独立使用,通过任何外部依赖关系维护全局变量,模块清晰,简洁。只有建立和使用有效的第三方库和框架,通过测试结果良好,并保持你的功能在一个小的价值,任何业务逻辑或数据从你的模块的操作和其他视图层代码分离。

有大型项目的建设,一些开发商应该遵循一套既定的编码原则,如谷歌风格指南Javascript和代码管理规则,包括通过一个图书馆,如requirejs,使用软件包管理使用异步模块定义(AMD)严格的属地管理,使用的凉亭或果酱(客户端管理工具)对特定版本的文件参考依赖包管理和设计模式的结构,如观察者模式、松散耦合的不同模块之间通信方便您的代码。这是一个明智的想法:一个代码库系统的使用,如Git或颠覆,通过一些服务,如源代码或魔法在云备份中生成代码,提供返回到以前版本的能力,并创建更高级的代码分支来执行不同的项目函数,在完成之前将它们合并在一起。

2文件

使用结构化的注释块格式如yuidoc或JsDoc文件功能,任何开发人员可以不研究其代码,了解它的用途,这样可以减少误解,Markdown语法可以有更丰富的,长长的评论和描述,使用相关的命令行工具来自动生成文档的网站:基于这些结构的观点,它与你的代码做任何修改的最新状态的一致性。

3跟踪分析

定期运行代码的静态代码分析工具,如jshint或JSLint。这些检查已知的编码缺陷和潜在的错误,如忘记使用严格模式或引用未声明的变量,和缺少括号或分号。工具控制,纠正任何问题来提高你的代码质量。试试设置你的项目团队,提高编码标准的默认选项,如缩进每一行的空间,放置花括号,并用单引号或者双引号在整个代码文件。

4测试

单元测试是一个独立的小功能执行的功能:执行一个特定的输入主要来自你的代码库函数来确认它的输出期望值。为了提高你的信心,你会写代码使用预期的框架,如贾斯敏或QUnit,每个功能单元测试,使用预期和非预期的输入参数。但是不要忘了形势的边缘!

在多个操作系统上的多个浏览器上运行这些测试。通过使用这项服务,如BrowserStack或酱的实验室,你可以加快云计算需求的虚拟机测试,API提供的服务,让您的单元测试在多个浏览器自动运行。当他们完成了,他们会给你反馈。作为奖励,如果你的代码存储在GitHub上,你可以去BrowserSwarm,这是一个工具,当你提交你的代码自动运行你的单元测试。

5测量

代码覆盖工具,如伊斯坦布尔,是用来测量被执行,当你的单元测试运行在你的函数的行数,并将它作为线的总数量的百分比。运行代码覆盖工具为你的单元测试和添加额外的测试,可以增加你的得分为100%,给你更大的信心在你的代码。

该函数的复杂度可以用来衡量复杂的测量霍尔斯特德:计算机科学家Morris Halstead在上世纪70年代建立的方程,一个复杂的函数是基于循环,分支,它包含函数调用量化功能的复杂性措施的复杂程度可以用Halstead度量。当这个复杂的分数降低,这是更容易理解和维护这个功能和减少出错的可能性。通过命令行工具生成的数据的可视化,柏拉图措施和Javascript代码的复杂性有助于识别功能,可以提高,而存储以前的结果,允许跟踪质量与时俱进。

6自动化

使用任务的选手,如咕噜,自动处理文件的制备、分析、测试、覆盖率和复杂的报表生成过程中,它可以节省你的时间和精力,增加机会解决任何质量问题。大多数工具和测试框架,在这篇文章中强调了相关的繁重,这可以帮助你提高你的工作流程和代码质量和不需要动一个手指头。

7异常处理

事实上,在某些时候,你会有一个错误代码运行时,使用try…catch语句正确处理运行时错误和限制行为对你的网站的影响。使用网络服务来记录运行时出现的错误,并使用这些信息来添加新的单元测试来提高你的代码消除这些错误一一。

成功的步骤



这七个步骤,帮助我创造了一些我在我的职业生涯到目前为止最引以为傲的代码。他们也为未来打下了良好的基础。在你自己的项目,我们希望用这些步骤来生产高质量的Javascript代码,让我们携手,完善网络,并一步步走向成功。