五条javascript技巧帮助你提高代码质量:
1.只在<form>元素上使用submit事件
绑定事件处理表单时,使用表单得submit事件而不是click事件。
2.如果可点击,确认是否是链接
3.简单的for循环优化
下面是对for循环做的一个非常简单的改变,但是它确可以提高循环的效率
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
第二行代码中elements.length被存在变量j中,所以不必在每次循环的时
候重复读取它。
4.事件处理时使用匿名函数(Use anonymous functions for event handlers)
象下面这样比较短的函数使用匿名函数比引用一个其他地方命名的函数可
读性要高
anchor.onclick
=
function
() {
map.goToPosition( home );
return false ;
}
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( ' ' );
elements array. ' ;
var text = [ ' There are ' , elements.length, ' members in the
elements array. ' ].join( ' ' );
注:关于最后一条好像还有争议