前端性能优化

JS性能优化

1、避免全局查找

在一个函数中尽量将全局对象存储为局部变量来查找，因为访问局部变量的数要更快一些。

//优
funciton(){
var location=window.location;
alert(location.href+location.host);
}
//劣
function(){
alert(window.location.href+window.location.host);
}

2、定时器

如果针对的是不断运行的代码，不应该使用setTimeout，而应该使用setInterval。因为setTimeout每一次都会初始化一个定时器。而setInterval只会在开始的时候初始化一个定时器。

3、字符串连接

如果需要连接多个字符串，应该少使用+= ，可以使用Array.join('')方法

4、数字转为字符串

（“”+1）>String()>.toString()>new String()

5、浮点数转化为整型

很多人喜欢使用pareseInt(),其实parseInt()是用于将字符串转为数字，而不是浮点数和整型之间的转换。我们应该使用的是Math.floor()或Math.round();

6、多个类型声明

所有变量可以使用单个var语句来声明，这样就是组合在一起的语句，以减少整个脚本的执行时间。

7、三目运算符替换条件分支，可以提高效率。