主页 > 知识库 > 网页基础 > Javascript/Ajax >
栏目列表

JavaScript开发规范要求(3)

来源:中国IT实验室 作者:佚名 发表于:2012-12-21 13:40  点击:
11、规范定义JSON对象,补全双引号 使用标准肯定是有好处的,那么为什么还是有人不使用标准呢?我想这可能是懒或习惯问题。也许还会有人跟我说,少写引号可以减轻文件体积,我认为这有道理但不是重点。对于服务器返

11、规范定义JSON对象,补全双引号  使用标准肯定是有好处的,那么为什么还是有人不使用标准呢?我想这可能是懒或习惯问题。也许还会有人跟我说,少写引号可以减轻文件体积,我认为这有道理但不是重点。对于服务器返 回的JSON数据,使用标准结构可以利用Firefox浏览器的JSONView插件方便查看(像查看XML那样树形显示),另外你如果使用jQuery 做开发,最新版本jQuery1.4+是对JSON格式有更高要求的,具体的可以自己查阅jQuery更新文档。比如:{name:”Tom”}或 {‘name’:'Tom’}都应该改成{“name”:”Tom”}。

  12、不在文件中留下未来确定不再使用的代码片段
  当代码调整或重构后,之前编写的不再使用的代码应该及时删除,如果认为这些代码还有一定利用价值可以把它们剪切到临 时文件中。留在项目中不仅增加了文件体积,这对团队其它成员甚至自己都起到一定干扰作用,怕将来自己看回代码都搞不懂这方法是干什么的,是否有使用过。当 然可以用文档注释标签@deprecated把这个方法标识为不推荐的。
  13、不重复定义其他团队成员已经实现的方法
  对于大型项目,一般会有部分开发成员实现一些通用方法,而另外一些开发成员则要去熟悉这些通用方法,然后在自己编写 模块遇到有调用的需要就直接调用,而不是像有些开发者喜欢“单干”,根本不会阅读这些通用方法文档,在自己代码中又写了一遍实现,这不仅产生多余的代码 量,当然也是会影响团队开发效率的,这是没有团队合作精神的表现,是重复造轮子的悲剧。
  比如在通用类文件Common.js有定义function $(elemID){return document.getElementById(elemID)}那么就不应该在Mail.js中再次出现这一功能函数的重复定义,对于一些复杂的方法更应该如此。
  14、调用合适的方法
  当有几个方法都可以实现同类功能的时候,我们还是要根据场景选择使用最合适的方法。下面拿jQuery框架的两个AJAX方法来说明。如果确定服务器返 回的数据是JSON应该直接使用$.getJSON,而不是使用$.get得到数据再用eval函数转成JSON对象。如果因为本次请求要传输大量的数据 而不得以使用$.post也应该采用指定返回数据类型(设置dataType参数)的做法。如果使用$.getJSON,在代码中我们一眼能看出本次请求 服务器返回的是JSON。
  温馨提示:jQuery1.4后,如果服务器有设置数据输出的ContentType,比如ASP.NET C#设置 Response.ContentType = “application/json”,那么$.get将与$.getJSON的使用没有什么区别。
  15、使用合适的控件存储合适的数据
  曾发现有人利用DIV来保存JSON数据,以待页面下载后 将来使用,像这样:<div id=”json”>{ “name”:”Tom”}</div>,显然这个DIV不是用来界面显示的,如果非要这样做,达到使用HTML文件进行数据缓存的作用,至 少改成用隐藏域来存这数据更合理,比如改成:<input type=”hidden” value=” { “name”:”Tom”}” />。
  其实也可以利用window对象来保存一些数据,像上面的例子,我们可以在AJAX请求页直接包含这样的脚本 块:<script>window.userData = { “name”:”Tom”};</script>,当在AJAX请求回调函数中执行完$( “#MyDiv “).html(data)后,在window上就马上有了这一变量。如果采用第一种方法,将不可避免 eval(document.getElementById(“UserData”).innerHTML)。如果在window对象存放大量数据的话, 这些数据不用时要及时手动清理它们,它们是要等浏览器刷新或重启后才会消失的,这就会增加内存开销。
  16、永远不要忽略代码优化工作
  代码最优化是每个程序员应该努力达到的目标,也应该成为程序员永远的追求。写代码的时候,不应该急着把功能实现出来,要想一下如何写代码,代码的执行效率才是较好的。
  举个例子:假设有定义getElementById的快捷方法functoin $(elemID){return document.getElementById(elemID)},那么有人可能会写出这样的代 码$(“MyDiv”).parentNode.removeChild($(“MyDiv”)),其实这里执行了两次getElementById DOM查找,如果改成这样将更好:var myDiv = $(“MyDiv”); myDiv.parentNode.removeChild(myDiv)。还好getElementById的DOM查找算比较快,如果换成 getElementsByTagName则更应该注重优化了。jQuery开发团队也有提醒大家要注意这方面的问题。
  当然,代码优化技巧也是需要个人不断积累的。曾有朋友跟我说他写网站后台代码从来不用考虑优化的,因为他们网站用的是至强四核服务器,我觉得这是很可笑的。
  17、会分析策划文档,能用面向对象方法进行接口定义和代码组织
  这一能力对于每一个程序员来说都是非常重要的,这也是决定一个程序员水平高低的一个重要因素。能够把需求细化并抽象出不同的类,然后有条理地编写代码,使代码结构清晰,可读性高,代码易于维护,不至于太过程化而且杂乱无章,这样才算是一个优秀的程序员。

有帮助
(1)
100%
没帮助
(0)
0%