最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

js优化次数过多的循环考虑到性能问题_javascript技巧

来源:懂视网 责编:小采 时间:2020-11-27 20:58:30
文档

js优化次数过多的循环考虑到性能问题_javascript技巧

js优化次数过多的循环考虑到性能问题_javascript技巧:假设要生成一千万个随机数,常规的做法如下: 代码如下: var numbers = []; for (var i = 0; i numbers.push(Math.random()); } 然而,在IE下执行这段代码时,却弹出了一个窗口提示用户是否停止这段脚本。出现这种情况,首先想到的是优化循环体。但明显地
推荐度:
导读js优化次数过多的循环考虑到性能问题_javascript技巧:假设要生成一千万个随机数,常规的做法如下: 代码如下: var numbers = []; for (var i = 0; i numbers.push(Math.random()); } 然而,在IE下执行这段代码时,却弹出了一个窗口提示用户是否停止这段脚本。出现这种情况,首先想到的是优化循环体。但明显地

假设要生成一千万个随机数,常规的做法如下:
代码如下:
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优化次数过多的循环考虑到性能问题_javascript技巧

js优化次数过多的循环考虑到性能问题_javascript技巧:假设要生成一千万个随机数,常规的做法如下: 代码如下: var numbers = []; for (var i = 0; i numbers.push(Math.random()); } 然而,在IE下执行这段代码时,却弹出了一个窗口提示用户是否停止这段脚本。出现这种情况,首先想到的是优化循环体。但明显地
推荐度:
标签: js javascript 优化
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top