从自动执行功能返回函数的Javascript性能命中？

在firefox中,以下两个功能之间似乎有很大的性能差异：

var n1 = 12;

var add1 = function(n2){
    return n1 + n2;
}

var add2 = (function(){
    return function(n2){
            return n1 + n2;
    }
})();

我认为这必须是引入另一个级别的范围,所以创建了第三个例子,缓存一个级别变量.
但这显示出更大的降低(80％！)

var add3 = (function(){
    var cn1 = n1;
    return function(n2){
            return cn1 + n2;
    }
})();

我会认为这里的关闭会缩小业绩差距,而不是放大.有人有这个想法吗？

jsPerf测试页：http://jsperf.com/variable-scope-speed

解决方法

这很有趣,但是我的小测试似乎证实了我以前的假设,也就是说,jsPerf环境本身就会影响范围和范围链查询.我没有深入“如何”和“为什么”,但这是我的小测验脚本：

var n1 = 12;

var add1 = function(n2){
        return n1 + n2;
}

var add2 = (function(){
        return function(n2){
                return n1 + n2;
        }
})();

var add3 = (function(){
        var cn1 = n1;
        return function(n2){
                return cn1 + n2;
        }
})();

var add4 = function( n2,n1 ) {
    return n2 + n1;
}.bind(null,n1);


var tests = [add1,add2,add3,add4],start,stop,loops;

tests.forEach(function( fnc ) {
    loops = 100000;

    start = Date.Now();
    while( loops-- ) {
        fnc( 2 );
    }
    stop = Date.Now();

    console.info('Method ',fnc.name || fnc.toString(),': ',stop - start,' ms.');
});

而FireFox 14的结果如下所示：

Method add1: 570ms.
Method add2: 566ms.
Method add3: 414ms.
Method add4: 479ms.

最新的Chrome结果：

Method add1: 199ms.
Method add2: 136ms.
Method add3: 85ms.
Method add4: 144ms.

哪个看起来更合理.关闭的范围链查找必须总是更快,只是因为有一个较短的查找链.即使所有现代浏览器通常都不经常执行经典的范围链查找,我也知道.无论如何,由于浏览器为免费(或超出范围)变量创建漂亮的查找表,所有结果应至少是相同的.过度优化全球对象访问IMO没有任何意义.

你注意到,我为一个绑定的方法创建了一个附加的测试用例.

原文地址：https://www.jb51.cc/js/153168.html