欧洲杯买球下注盘口:js 性能优化之算法和流程控制_javascript技巧_脚本之家

循环处理是最常见的编程模式之一,也是提升性能必须关注的要点之一。

常见的优化方案有:

①JavaScript的四种循环(for、do-while、while、for-in)中,for-in循环比其他几种明显要慢。由于每次迭代操作会同时搜索实例或原型属性,for-in循环的每次迭代都会产生更多的开销,所以比其他类型要慢。因此遍历一个属性数量有限的已知属性列表,可以这样优化:

var props = ['prop1', 'prop2'],i = 0;whlie{ precess;}

该代码只关注给定的属性,减少了循环的开销。

而对于,for、while、do-while。我在chrome下测试了一下,先创建一个大小为1000000的数组,每项乘100再叠加。

window.onload = function(){var items = Array.split.map { return index;}); console.log console.log console.logfunction forCircle;var currTime = new Date(); var tal = 0; for(var i = 0;i < items.length; i++){ tal = tal + process; } console.profileEnd(); console.log('forCircle用时:' +  - currTime) + 'ms'); return tal;}function whileCircle;var currTime = new Date(); var tal = 0; var j = 0; while { tal = tal + process; } console.profileEnd(); console.log('whileCircle用时:' +  - currTime) + 'ms'); return tal;}function doCircle;var currTime = new Date(); var tal = 0; var k = 0; do{ tal = tal + process; }while  console.profileEnd(); console.log('doCircle用时:' +  - currTime) + 'ms'); return tal;}function process{ return item*100;}}

平均来说,for循环耗时8ms,while耗时4ms,doWhile耗时也是4ms。for是最慢的。

②减少迭代的工作量。把数组长度保存在局部变量中再遍历、颠倒数组的遍历顺序。

for(var i = 0;i < items.length; i++){ process;}//var j = 0;while { process;}//var k = 0;do{ process;}while 

在这个循环中,每次运行都会产生如下操作:

欧洲杯买球下注盘口 ,①查找一次属性

②执行数值比较一次

③查看控制条件是否为true(i < items.length ==true)

④一次自增操作

⑤一次数组查找

⑥一次函数调用

若把数组长度存到一个局部变量,那么就不需要每次都查找一次items.length,也就提高了性能。

for(var i = 0, len = items.length;i < len; i++){ process;}//var j = 0,count = items.length;while { process;}//var k = 0,num = items.length;do{ process;}while 

这样在大多数浏览器中能节省大概25%的运行时间。总的来说,循环次数大的情况下,运行时间确实有提升。取某次结果如下:

没有局部存量存储数组长度时:

有局部变量存储数组长度时:

③减少迭代次数,“Duffs
Device”即“达夫设备“循环体展开技术。适合于迭代次数较大的情况下。

摘抄一下书中达夫设备的基本理念:每次循环中最多可 8 次调用
process()函数。循环迭代次数为元素总数除以8。 因为总数不一定是
8的整数倍, 所以 startAt 变量存放余数, 指出第一次循环中应当执行多少次
process()。比方说现在有 12 个元素,那么第一次循环将调用 process8 次,用
2 次循环代替了 12次循环。

var iterations = Math.floor, startAt = items.length%8, i = 0; do{ switch{ case 0 : process; case 7 : process; case 6 : process; case 5 : process; case 4 : process; case 3 : process; case 2 : process; case 1 : process; } startAt = 0; }while; 

④基于函数的迭代比基于循环的迭代消耗性能更多。例:for循环迭代与forEach函数迭代。

⑤优化if-else,通常来说,switch比if-else快,但是在判断条件较多时,使用查找表比if-else和switch都快。

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!

相关文章