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

前端之家收集整理的这篇文章主要介绍了从自动执行功能返回函数的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.f2er.com/js/153168.html

猜你在找的JavaScript相关文章