JavaScript的五个技巧

翻译 2007年09月20日 09:40:00

五条javascript技巧帮助你提高代码质量:
 1.只在<form>元素上使用submit事件
  绑定事件处理表单时,使用表单得submit事件而不是click事件。
 2.如果可点击,确认是否是链接

 3.简单的for循环优化
  下面是对for循环做的一个非常简单的改变,但是它确可以提高循环的效率

 

 for ( var i = 0; i < elements.length; ++i )
 
for ( var i = 0, j = elements.length; i < j; ++i )


   第二行代码中elements.length被存在变量j中,所以不必在每次循环的时

候重复读取它。

 
 4.事件处理时使用匿名函数(Use anonymous functions for event handlers)
  象下面这样比较短的函数使用匿名函数比引用一个其他地方命名的函数可

读性要高
  

anchor.onclick = function() {
                    map.goToPosition( home );
                    
return false;
                 }


 5.使用Array.join代替字符串连接(concatenating strings)

  遇到比较长的字符串连接的时使用Array.join代替字符串连接可以获得更

好的效率而且可读性更高。
 

 var text = 'There are' + elements.length + 'members in the        

         elements array.
';
                
var text = ['There are', elements.length, 'members in the 

elements array.
'].join(' ');

 注:关于最后一条好像还有争议

On 12 Sep 07

Stuart Colville said:

I'd disagree with the last item on using Array.join for concatenating strings: Firstly, the only real benefit in using this approach is when you are concatenating a lot of strings together. With three strings it may also actually be slower due to the overhead of initialising the array.

Secondly the performance increase from using Array.join in the right situation is generally only seen in IE due to it's slow JavaScript engine which has not seen the same levels of optimisations that have been made in other browsers.

 

 

Update

A number of people have mentioned to me that the Array.join technique for string concatenation is a bad one, particularly if you're only doing it with a small number of strings. Our benchmarks show it being faster for IE when you get to about 6/7 string concatenations, so it's been useful to us in some situations. But I'd agree with Stuart below that for the average situation it's not going to be worth it. However, I don't see using Array.join() for string concatenation as an abuse of JavaScript.

相关文章推荐

优化Java堆内存大小的五个技巧

  • 2016年06月28日 13:46
  • 23KB
  • 下载

五个远程管理Windows服务器的技巧

  • 2013年05月23日 12:20
  • 176KB
  • 下载

五个技巧:让已彻底删除的文件失而复得

你是不是曾经后悔将一个已经花了三天时间的项目删除到回收站中?是不是感觉已经清空了回收站就无计可施了?那么应当怎么办呢?再一次尴尬的求助还是从头再做一遍?不用担心,现在你就可以拥有一项应对之策。   对...

五个超酷的Linux命令行技巧

高效地使用命令行是一个Linux系统管理员技能的重要组成部分。在本文中,我们提供了五个很酷甚至略显古怪的Linux命令行技巧,可以帮你更有效地管理你的Linux系统。 More=Less   在Lin...
  • swqqcs
  • swqqcs
  • 2011年03月17日 21:05
  • 679

优化Java堆内存大小的五个技巧

  • 2012年11月03日 07:28
  • 24KB
  • 下载

[分享]五个有用的jQuery技巧

导读:作为轻量级的JS库,jQuery随着JavaScrīpt脚本的大热而备受Web开发者亲睐。下文里技巧实现的效果虽然并不新鲜,但通过jQuery的封装,HTML实现了很大的清洁。清爽简洁又高效的代...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript的五个技巧
举报原因:
原因补充:

(最多只允许输入30个字)