如何写出高质量代码教程.pptx

如何写出高质量、高稳定、高性能、的JS代码;JavaScript现状;高质量;//不推荐使用 function foo() { var a = b = 0; // ... } //推荐使用 function foo() { var a, b; // ... a = b = 0; // 两个均局部变量 };2.单var形式 在函数顶部使用单var语句是比较有用的一种形式，其好处在于： 提供了一个单一的地方去寻找功能所需要的所有局部变量 防止变量在定义之前使用的逻辑错误 帮助你记住声明的全局变量，因此较少了全局变量 这种初始化变量同时初始化值的做法是很好的。这样子可以防止逻辑错误（所有未初始化但声明的变量的初始值是undefined）和增加代码的可读性。在你看到代码后，你可以根据初始化的值知道这些变量大致的用途，例如是要当作对象呢还是当作整数来使。;3.for循环(for Loops) for (var i = 0; i myarray.length; i++) { // .. } 这种形式的循环的不足在于每次循环的时候数组的长度都要去获取下。这会降低你的代码性能，尤其当myarray不是数组，而是一个HTMLCollection对象的时候。 HTMLCollections指的是DOM方法返回的对象，例如： document.getElementsByName() document.getElementsByClassName() document.getElementsByTagName() 这意味着每次你访问任何集合的长度，你要实时查询DOM，而DOM操作一般都是比较昂贵的。 这就是为什么当你循环获取值时，缓存数组(或集合)的长度是比较好的形式，正如下面代码显示的： for (var i = 0, max = myarray.length; i max; i++) { // .. };4.switch模式(switch Pattern) 每个case以break清除结束; 以default结束switch：确保总有健全的结果，即使无情况匹配。 缩进; 5.避免 eval() 此方法接受任意的字符串，并当作JavaScript代码来处理。如果你绝对必须使用eval()，你 可以考虑使用new Function()代替。 6.编码规范 建立和遵循编码规范是很重要的, 这让你的代码保持一致性、可预测、更易于阅读和理解。一个新的开发者加入这个团队可以通读规范，理解其它团队成员书写的代码,更快上手干活。 7.缩进 8. 花括号{} for (var i = 0; i 10; i += 1) alert(i); for (var i = 0; i 10; i += 1){ alert(i); };9.空格 空格的使用同样有助于改善代码的可读性和一致性。 for循环分号分开后的的部分：如for (var i = 0; i 10; i += 1) {...} for循环中初始化的多变量(i和max)：for (var i = 0, max = 10; i max; i += 1) {...} 分隔数组项的逗号的后面：var a = [1, 2, 3]; 对象属性逗号的后面以及分隔属性名和属性值的冒号的后面：var o = {a: 1, b: 2}; 限定函数参数：myFunc(a, b, c) 函数声明的花括号的前面：function myFunc() {} 匿名函数表达式function的后面：var myFunc = function () {} ;下面是一些常见的_private规范： 使用尾下划线表示私有，如name_和getElements_() 使用一个下划线前缀表示_protected（保护）属性，两个下划线前缀表示__private （私有）属性 11.注释 你必须注释你的代码，即使不会有其他人向你一样接触它。通常，当你深入研究一个问题，你会很清楚的知道这个代码是干嘛用的，但是，当你一周之后再回来看的时候，想必也要耗掉不少脑细胞去搞明白到底怎么工作的。 ;高稳定性; 目前 JS 单元测试框架有丰富的选择，比如 ： Qunit Buster.js TestSwarm JsTestDriver Jasmine FireUnit ...;简介 QUnit是jQuery团队开发的JavaScript单元测试工具，功能强大且使用简单。目前所有的JQuery代码都使用QUnit进行测试，原生的JavaScript也可以使用QUnit。