解决IE浏览器长循环脚本超时问题的优化方案

问题背景与IE脚本超时现象

假设需要生成一千万个随机数，通常的实现方式如下所示：

 
var numbers = [];
for (var i = 0; i < 10000000; i++) {
numbers.push(Math.random());
} 

然而，在Internet Explorer浏览器中运行这段代码时，会弹出一个对话框询问用户是否停止该脚本。这种情况通常让人首先想到优化循环体内的逻辑，但实际上循环体非常简洁，几乎没有优化空间。即使将循环体内容清空，该提示依然会出现。由此可以得出结论：在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();