js 优化次数过多的循环 考虑到性能问题
2011-03-05 00:00
711 查看
假设要生成一千万个随机数,常规的做法如下:
然而,在IE下执行这段代码时,却弹出了一个窗口提示用户是否停止这段脚本。出现这种情况,首先想到的是优化循环体。但明显地,循环体很简单,没什么优化的余地。即使把循环体清空,提示仍然存在。于是,我得出了一个结论:在IE下,一旦循环次数超过了某个特定值,就会弹出停止脚本的提示。
原因找到了,该如何解决呢?我首先想到的是把一千万次循环分成若干个次数较少的循环。比如分成一百次,每次执行十万次循环:
IE没有我们想象中笨,它知道总的循环次数还是一千万次。因此,得把这一百个十万次循环分开执行。虽然Javascript是单线程的,但也可以通过setTimeout或setInterval模拟多线程。整段代码优化如下:
var numbers = []; for (var i = 0; i < 10000000; i++) { numbers.push(Math.random()); }
然而,在IE下执行这段代码时,却弹出了一个窗口提示用户是否停止这段脚本。出现这种情况,首先想到的是优化循环体。但明显地,循环体很简单,没什么优化的余地。即使把循环体清空,提示仍然存在。于是,我得出了一个结论:在IE下,一旦循环次数超过了某个特定值,就会弹出停止脚本的提示。
原因找到了,该如何解决呢?我首先想到的是把一千万次循环分成若干个次数较少的循环。比如分成一百次,每次执行十万次循环:
for (var i = 0, j; i < 100; i++) { for (j = 0; j < 100000; j++) { ...... } }
IE没有我们想象中笨,它知道总的循环次数还是一千万次。因此,得把这一百个十万次循环分开执行。虽然Javascript是单线程的,但也可以通过setTimeout或setInterval模拟多线程。整段代码优化如下:
var numbers = []; function begin() { for (var i = 0; i < 100000; i++) { numbers.push(Math.random()); } if (numbers.length < 10000000) { // 是否已完成 setTimeout(begin, 0); } else { alert("complete"); } } begin();
相关文章推荐
- JS--for循环的性能优化
- 几个ajax js性能优化和内存泄露问题及检测分析工具
- 循环查询数据的性能问题及优化
- 几个ajax js性能优化和内存泄露问题及检测分析工具
- JS中for循环优化问题
- 新产品为了效果,做的比较炫,用了很多的图片和JS,所以前端的性能是很大的问题,分篇记录前端性能优化的一些小经验。
- PostgreSQL 查询涉及分区表过多导致的性能问题 - 性能诊断与优化(大量BIND, spin lock, SLEEP进程)
- 前端性能优化--合并压缩js,减少http请求次数
- 新产品为了效果,做的比較炫,用了非常多的图片和JS,所曾经端的性能是非常大的问题,分篇记录前端性能优化的一些小经验。
- 关于DOM的优化以及js的性能问题
- 从js的循环问题来看待js的闭包本质
- js优化之细节(for 循环)
- js性能优化文章集锦
- 如何快速优化手游性能问题?从UGUI优化说起
- 数据库性能优化分析案例---解决SQL语句过度消耗CPU问题
- 性能优化:如何更快速加载你的JS页面
- 浅析Mongodb性能优化的相关问题
- js中,for循环里面放ajax,ajax访问不到变量以及每次循环获取不到数据问题总结
- CAS——性能优化第一步,在线访问外网js