OurJS


OurJS-我们的JS, 我们的技术-IT文摘; 专注JS相关领域;
我们热爱编程, 我们热爱技术;我们是高大上, 有品味的码农;

欢迎您订阅我们的技术周刊


我们会向您分享我们精心收集整理的,最新的行业资讯,技术动态,外文翻译,热点文章;
我们使用第三方邮件列表向您推送,我们不保存您的任何个人资料,注重您的隐私,您可以随时退订,

欢迎分享您的观点,经验,技巧,心得

让我们一起找寻程序员的快乐,探索技术, 发现IT人生的乐趣;


本网站使用缓存技术每次加载仅需很小流量, 可在手机中流畅浏览;
如果您发现任何BUG,请即时告知我们: ourjs(at)ourjs.com

7个步骤:让JavaScript变得更好


分享到


分类 JS学习   关键字 JavaScript   发布 sasasamoa  1402460158308
注意 转载须保留原文链接,译文链接,作者译者等信息。  

Dan Odell介绍了他编写的七步写出无瑕代码的计划,是在简化过程中最有用的工具。

 

随着浏览器性能提高,伴随着新的HTML5的编程接口的稳步采用,网页上的JavaScript的音量在逐渐增加。然而,一个写得不好的程序编码却拥有着打破整个网站,让用户为之沮丧和驱赶潜在客户的潜力。 

开发人员必须使用所有供他们任意使用的工具和技术来提升他们的代码的质量,并有信心确认每次的执行都是可以预见的。这是一个在我心灵深处的话题并且我已经工作多年找到一组开发过程中来遵循的步骤以确保只有最高质量的代码可以被发布。

您只要按照这七个步骤操作就会大大提高您的JavaScript项目的质量。使用这个工作流程,错误将会减少并且将很多处理优化,让用户拥有一个愉悦的上网浏览体验。

 

01.代码 

 

首先在你的函数里调用ECMAScript5的严格模式和一个“严格模式”的声明,并使用该模块的设计模式,在自执行的函数闭包里,通过沙箱独立的代码模块尽量减少全局变量内的使用,通过任何外部依赖关系以保持全局变量模块清晰,简明。只有使用已建立好的,行之有效的,已通过测试并结果良好的第三方的函数库和框架,并保持你的函数处于小值,从你的模组操作和其他视图层代码里分离出任何业务逻辑或数据。

有多个开发人员的较大的项目应该遵循一套既定的编码原则,如谷歌的JavaScript的风格指南,并需要更强的代码管理规则,包括通过一个库,如RequireJS,使用软件包管理使用异步模块定义(AMD)进行严格的依赖关系管理,使用Bower或Jam(客户端库管理工具)的包装管理来参考您的依赖项文件的特定版本,并采用结构设计模式,如观察者模式,以方便您不同的代码模块之间的松耦合通信。这也是一个明智的想法:使用一个代码存储库系统体系,如Git或Subversion,通过一些服务如源代码或魔豆,让您的代码在云端备份,提供恢复到以前的版本的能力,并且,对更为先进的项目创建一个代码分支来执行不同的功能,在完成之前把它们合并到一起。


02.文件


使用结构化的注释区块格式如YUIDoc或JsDoc到文件的功能,因此任何开发人员可以了解其目的,而不需要研究它的代码,这样可以减少误解。用Markdown语法可以有更丰富,长篇的评论和说明。使用关联的命令行工具来自动生成一个文档的网站:基于这些结构性的意见,它和在您的代码所做的任何修改最新状态一致。


03.往绩分析 


定期对您的代码运行一个静态代码分析工具,如JSHint或JSLint。这些对已知的编码缺陷和潜在的错误进行的检查,比如忘记使用严格模式或引用未声明的变量,和缺少括号或分号。纠正任何问题的工具控件,以改善你的代码质量。尝试为您的项目团队设置默认选项,以加强编码标准,如由空格的缩进每一行,在哪里放置花括号,并在整个代码文件中使用单引号或双引号的数目。


04.测试 


一个单元测试是一小段独立的功能执行的功能之一:执行其中一个来自你特定输入的主代码库的函数以确认它输出一个预期值。为了提高您的信心,代码将像预期的那样,编写使用的框架,如Jasmine或QUnit为每个功能单元测试,使用预期和未预期的输入参数。但是千万不要忘了那些边缘的情况!

在跨多个操作系统多个浏览器上运行这些测试,通过利用这项服务,如BrowserStack或Sauce Labs,让你可以加速需求中的在云端上地虚拟机地测试。这两个服务提供了一个API,允许你的单元测试能够自动在多个浏览器同时运行,一旦它们完成,就会将结果反馈给你。作为红利,如果你的代码存储在GitHub上,你可以采取BrowserSwarm,这是一个当你提交你的代码会自动运行你的单元测试的工具。


05.测量 


代码覆盖工具,如Istanbul测量当你的单元测试对你的函数运行时,哪些代码行数被执行,将它作为该代码行总数的百分比进行报告。对你的单元测试运行一个代码覆盖工具,并增加额外的测试,可以增加你的覆盖率得分至100%,给你对你的代码更大的信心。

函数的复杂性可以用霍尔斯特德复杂度量测来测量:计算机科学家莫里斯·霍尔斯特德在20世纪70年代设立的方程式,一个函数的复杂性的是根据循环,分支和它所包含的函数调用来量化的:函数的复杂性可以使用Halstead的复杂性措施进行测量。当这种复杂的分数降低时,我们就越容易理解和保持这个函数,减少了出错的可能性。命令行工具柏拉图措施和JavaScript代码复杂性的生成的数据的可视化,帮助确定可以改进的功能,同时存储以前的结果,允许跟随着时间的推移跟踪质量的进步。


06.自动化


使用Task runner例如Grunt来自动操作文件编制,分析,测试,覆盖范围和复杂性报告生成的过程,这样就节省了您的时间和精力,并增加解决出现的任何质量问题的机会。大多数的这篇文章中所强调的工具和测试框架都和Grunt有关联,这可以帮助您提高您的工作流程和代码质量并且不必动一根手指。


07.处理异常 


不约而同的是,在某些时候,你的代码将在它运行时出现一个错误。使用“try... Catch”语句来适当地处理运行时间的错误和限制您网站上的行为的影响。使用网络服务记录运行时出现的错误。并使用此信息来添加新的单元测试,从而改进你的代码并一个一个地消灭这些错误。


通向成功的步骤


这七个步骤,帮我创作 一些在我到目前为止的职业生涯里我最自豪的代码。它们也是未来的一个很好的基础。在您自己的项目里,承诺使用这些步骤,生产出高品质的JavaScript代码,让我们携手共进,改善网络,一步一步通向成功。

社区评论 ( Beta版 )
OnceDoc 您自己的企业内容管理系统——文档、流程、知识库、报表、网盘All In One

访问404页面,寻找丢失儿童
 热门文章 - 分享最多
  1. 是什么让Node.js比Java更快?
  2. 我不想雇佣女性
  3. DevOps:全能开发是如何扼杀程序员的
  4. Google正在拖互联网的后腿
  5. JavaScript中NaN的秘密
  6. Swift的前世今身-创始人的自述
  7. 在JavaScript中创建命名空间的几种写法
  8. 使用集群(recluster)扩展多线程Node.JS
  9. jQuery:在一个回调中处理多个请求
  10. 在JavaScript中判断整型的N种方法
  11. 用 OnceAir 搭建个人Git/Svn/照片备份服务器,每年电费7块钱

 相关阅读 - JS学习
  1. 在JavaScript数组中找到最小元素的位置
  2. 在JavaScript中创建命名空间的几种写法
  3. JavaScript中NaN的秘密
  4. jQuery:在一个回调中处理多个请求
  5. 使用集群(recluster)扩展多线程Node.JS
  6. 抛弃jQuery,深入原生的JavaScript
  7. 使用Backbone构建精美应用的7条建议
  8. 在jQuery API文档中并未提及的get用法,只有读了源码才会知道哦
  9. 如何在一个VPS上连接Node.js到一个MongoDB数据库?
  10. 用Orchestrate 5步快速创建Node.js应用

 关键字 - JavaScript
  1. 5个现在就该使用的数组Array方法: indexOf/filter/forEach/map/reduce详解
  2. 如何用CSS将select/option文本居中或居右对齐
  3. jQuery用$.prop,$.attr方法来获取或设置checkbox当前选中状态
  4. Node.JS中UDP打洞穿透内网路由,架设内网服务器技术详解及源码
  5. Node.JS中用concat和push连接两个或多个数组的性能比较
  6. 判断是否为对象typeof abc == 'object' 与 instanceof 性能比较
  7. 少年,不要滥用箭头函数啊:JS中lambda表达式的优缺点和使用场景
  8. typeof判断参数是否为undefined与全等判断法性能比较
  9. 通过Web Audio API可视化输出MP3音乐频率波形
  10. JavaScript的设计缺陷?浮点运算:0.1 + 0.2 != 0.3

 欢迎订阅 - 技术周刊

我们热爱编程, 我们热爱技术; 我们是高端, 大气, 上档次, 有品味, 时刻需要和国际接轨的码农; 欢迎您订阅我们的技术周刊; 您只需要在右上角输入您的邮箱即可; 我们注重您的隐私,您可以随时退订.
加入我们吧! 让我们一起找寻码农的快乐,探索技术, 发现IT人生的乐趣;


 关注我们

我们的微信公众号: ourjs-com
打开微信扫一扫即可关注我们:
IT文摘-程序员(码农)技术周刊

ourjs官方微信号