令人难以置信的快速 JS 循环？答案

【问题标题】：Incredibly fast JS loop?令人难以置信的快速 JS 循环？
【发布时间】：2015-09-21 11:42:00
【问题描述】：

今天我有了一个检查循环性能的想法，我称之为“作用域”。这个想法很简单。这个循环有两个变量，“i”和“l”，它们被定义为比循环本身“高一个范围”。这两个范围内没有其他内容。

我创建了 jsPerf 并获得了惊人的结果。 http://jsperf.com/variable-scoped-loop/6

我决定创建我的本地测试，结果更好（1000x1000 循环的平均时间为 5 秒，“标准”，低于 0.01 秒“范围”）。

所以现在我想知道为什么这个循环如此之快。我假设这都是关于 V8 的，但你永远不知道。

那么有人愿意解释一下吗？

TLDR：

为什么这个循环这么快？

var loop = ( function() {
                var i, l;

                return function( length, action ) {
                    for( i = 0, l = length ; i < l ; ++i ) {
                        action();
                    }
                };
            }() );

【问题讨论】：

我猜引擎必须为前两种情况在每个循环中创建变量 i 和 l，而在最后两种情况下，他在每个循环中指向相同的 i 和 l。不知道这是否有那么大的不同。
javascript 引擎是否会注意到您没有使用循环的结果并优化整个循环？
看来您外包了对理解您的问题至关重要的数据。请在问题本身中发布所有相关代码、图像和资源，如果链接失效或更改，您的问题将失去大部分意义！
@Philipp 对于前两种情况（var in for & var in fun），性能真的很糟糕，也许问题更多的是，为什么使用闭包的循环比“标准”循环快得多？
@Philipp 基本上我想看看每种方法之间的性能差异，即使是那些不好的方法。这就是一个问题的重点——为什么“范围”循环比“标准”循环要快得多。我认为这都是关于在每个循环上创建新的“i”和“l”变量。或许 GC 也在做一些工作。

标签： javascript performance loops for-loop

【解决方案1】：

不幸的是，这里没有魔法：你的测试有问题。

对于varInFor，empty 函数被正确调用9999^2 次，而对于varInScope，它只被调用9999 次。这就是为什么它完成得更快。您可以通过使empty 函数打印一些内容来轻松测试这一点。

原因是变量i 和l 在varInScope 的外部调用和内部调用之间共享。所以在内循环结束后，i 已经等于l，外循环立即退出。

请参阅another JSPerf 以获取每次初始化函数的固定版本（在闭包中创建一组新变量），实际上它比“正常”for循环。

【讨论】：

感谢您指出这一点！说实话，我很惭愧我错过了这样的事情......无论如何“谜团”已经揭开了:)