3

背景

我经常使用模块模式来组织我的代码，以便函数和常量在需要知道的基础上运行。如果CONSTANTorsomeFunc仅由 使用anotherFunc，那么我将 的定义包含anotherFunc在一个匿名函数中，这样前两者就不会污染全局范围。这有助于避免名称冲突，还可以让您保证稍后查看代码取决于什么。

不过，这种策略确实会创建许多闭包，我想知道显式传递这些依赖项是否会更好地提高性能（并且也更易于维护）。我认为这具有最小化函数必须遍历以查找变量的作用域链的效果。

只是为了允许对模块模式本身的反馈，我包含了三个版本：1）没有模块模式，2）有它，3）有它和范围链最小化。

没有模块模式

var SHARED_CONSTANT;
var SOME_CONSTANT = 5;
var INNER_CONSTANT = {};
var inner = function(y) {
    return y !== {};
};
var outer = function g (x) {
    doSomething();
    $(...).load(inner);
};

使用模块模式，但没有范围链最小化

var SHARED_CONSTANT;
var outer = (function() {
    var SOME_CONSTANT = 5;
    var inner = (function() {
        var INNER_CONSTANT = {};
        return function /* inner */ (y) {
            return y !== {};
        };
    }());
    return function /* outer */ (x) {
        doSomething();
        $(...).load(inner);
    };
}());

使用模块模式和范围链最小化

var SHARED_CONSTANT;
var outer = (function($, SHARED_CONSTANT) {
    var SOME_CONSTANT = 5;
    var inner = (function(SOME_CONSTANT, SHARED_CONSTANT) {
        var INNER_CONSTANT = {};
        return function /* inner */ (y) {
            return y !== {};
        };
    }(SOME_CONSTANT, SHARED_CONSTANT));
    return function /* outer */ (x) {
        doSomething();
        $(...).load(inner);
    };
}(jQuery, SHARED_CONSTANT));

概括

哪个版本应该有更好的性能（为什么）？性能差异是否显着？（即作用域链查找是否昂贵？）内存使用情况如何？（即通过传入变量，我本质上是在复制范围，对吗？）

4

1 回答 1

1

这些性能测试似乎证实了我的建议。这是过早的优化。

测试没有显示任何明确的最爱。对于任何给定的浏览器，您的三个片段彼此接近，最快的一个在我运行它的次数最多时发生变化。在某些运行中，过度优化的代码甚至更慢。

这可能是因为 JIT 优化。

经验教训：尽可能保持代码可读性，并担心在您知道存在瓶颈的地方进行优化。

于 2015-01-22T23:22:57.040 回答