js 优化次数过多的循环 考虑到性能问题
作者：
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();
复制代码 代码如下:
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();
您可能感兴趣的文章:
- javascript教程:关于if简写语句优化的方法
- js中if语句的几种优化代码写法
- nodejs的10个性能优化技巧
- JavaScript性能优化之小知识总结
- js性能优化 如何更快速加载你的JavaScript页面
- JavaScript也谈内存优化
- JavaScript定时器和优化的取消定时器方法
- JS对img标签进行优化使用onerror显示默认图像
- Uglifyjs(JS代码优化工具)入门 安装使用
- 深入探究JavaScript中for循环的效率问题及相关优化
- javascript for循环从入门到偏门(效率优化+奇特用法)
- 整理AngularJS框架使用过程当中的一些性能优化要点
- javascript定时器取消定时器及优化方法
- JavaScript中对循环语句的优化技巧深入探讨
- JS代码优化技巧之通俗版(减少js体积)
- angularjs的一些优化小技巧
- Extjs优化(二)Form表单提交通用实现
- JS代码优化的8点建议