Underscore.js 包装的回调效率

Question

我有一个关于annotated underscore.js source code的问题：

上面写着：

返回传入回调的有效（对于当前引擎）版本的内部函数，以在其他下划线函数中重复应用。

var createCallback = function(func, context, argCount) {
    if (context === void 0) return func;
    switch (argCount == null ? 3 : argCount) {
        case 1: return function(value) {
            return func.call(context, value);
        };
        case 2: return function(value, other) {
            return func.call(context, value, other);
        };
        case 3: return function(value, index, collection) {
            return func.call(context, value, index, collection);
        };
        case 4: return function(accumulator, value, index, collection) {
            return func.call(context, accumulator, value, index, collection);
        };
    }
    return function() {
        return func.apply(context, arguments);
    };
};

明确地说，这个代码块的效率是如何达到的？

因为我看到使用包装器，创建了一层间接层，作用域链又增长了一层。

我需要了解如何达到效率，以便在我自己的 js 中应用这些技巧。

谢谢！

Answer 1

似乎有一些参数顺序的改组，但如果后面的参数留空，有些情况实际上是等价的。我认为这种逻辑也可能使回调与浏览器优化配合得很好。例如，如果返回值是可预测的，那么结果可能是内联的，而不是每次都调用实际函数。 这是关于性能和参数的相关讨论，其中测试显示出一些很大的速度差异：

Performance penalty for undefined arguments

Answer 2

使用下划线迭代器函数（例如_.map、_.reduce 和_.each）时，提供的回调提供不同的参数。例如：

_.map(list, function(value, key, list) {});

_.reduce(list, function(memo, num, list) {});

createCallback 是一个便利函数，下划线在内部使用它来定义这些迭代器函数中参数的顺序。如果我们查看_.reduce 函数，我们可以看到这一行：

iteratee = createCallback(iteratee, context, 4);

将输出：

func.call(context, accumulator, value, index, collection);

其中func 是提供给_.reduce 的迭代器函数