文档介绍：Javascript开发经验谈
一、简化代码
采用更为简短的写法,不仅可以减少输入的字符数,还可以减少文件大小。大部分采用简单写法的代码,执行效率都有轻微提高。
简化常用对象定义:
使用 var obj = {}; 代替 var obj = new Object();
使用 var arr = []; 代替 var arr = new Array();
精简if语句
三元操作符可以有效精简只涉及赋值传值操作的if语句,比如
var score = 60, grade;
if (score < 60) {
grade = “不及格”;
} else {
grade = “及格”;
}
可以精简为:
var score = 60;
var grade = score < 60 ? “不及格”: “及格”;
三元操作符也支持嵌套,但是嵌套的层次太多会影响程序的可读性,这方面要多加斟酌。
使用JSON
JSON是一种轻量级的数据格式,轻量级首先体现在它的结构定义非常简单。
var obj = {};
= ‘a’;
= ‘b’;
= ‘c’;
可精简为:
var obj = {
p1 : ‘a’,
p2 : ‘b’,
p3 : ‘c’
};
二、使用高效率的代码
网上流传的效率优化文章非常多,一些比较专业的Javascript书籍也谈到了不少,因此,这里就只列出一些很少谈到的。
精简循环体
循环的效率很大程度上是由循环体决定的,与之相比,用for还是while的差别就太小了。考虑如下的代码,其功能是为某一批元素添加事件:
function addEvent(elems, eventName, handler) {
for (var i = 0, len = ; i < len; i++) {
if () {
elems[i].attachEvent(“on”+ eventName, handler);
} else if () {
elems[i].addEventListener(eventName, handler, false);
}
}
}
循环每执行一次,都会判断window对象的attachEvent或addEventListener是否存在,其实这个仅判断一次也就够了;此外,“”on”+ eventName”的字符串拼接也会重复执行。优化如下:
function addEvent(elems, eventName, handler) {
var i = -1, len = ;
if () {
eventName = “on”+ eventName;
while (++i < len) {
elems[i].attachEvent(eventName, handler);
}
} else if (window.