IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

优化次数过多的循环

163 UED Team 2009-11-16 23:25:03 累计浏览 3,680 次
本机暂存

    假设要生成一千万个随机数,常规的做法如下:

以下是代码片段:
    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(); 

同分类推荐文章

  1. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. 如何成为Python高手 (累计阅读 54,992)
  2. JQuery实现Excel表格呈现 (累计阅读 48,350)
  3. 深入理解Javascript之执行上下文(Execution Context) (累计阅读 18,404)
  4. 从输入 URL 到页面加载完成的过程中都发生了什么事情? (累计阅读 15,933)
  5. 图片动态局部毛玻璃模糊效果的实现 (累计阅读 14,849)
  6. 天朝第二代身份证号码的验证机制 (累计阅读 14,762)
  7. HTML 5 的data-* 自定义属性 (累计阅读 14,349)
  8. 分享一个JQUERY颜色选择插件 (累计阅读 14,223)
  9. 什么是全栈工程师? (累计阅读 14,038)
  10. Linux 性能监控、测试、优化工具 (累计阅读 13,013)