传递带参数的 Javascript 函数而不执行它的最佳实践是什么？

Question

什么是传递带参数的 Javascript 函数而不执行它的最有效/最佳实践，为什么？这是我知道的选择：

创建一个匿名方法

jQuery("#target").click(function() {
    onTargetClick("myCoolParam");
});

function onTargetClick(coolParam) {
    // some epic code...
}

使用偏函数应用 （见：Partial function application）

jQuery("#target").click(partial(onTargetClick, "myCoolParam"));

function onTargetClick(coolParam) {
    // some epic code...
}

function partial(func /*, 0..n args */) {
    var args = Array.prototype.slice.call(arguments).splice(1);
    return function() {
        var allArguments = args.concat(Array.prototype.slice.call(arguments));
        return func.apply(this, allArguments);
    };
}

编辑偏函数

function partial(func /*, 0..n args */) {
    var args = Array.prototype.slice.call(arguments, 1);
    return function() {
        var allArguments = args.concat(Array.prototype.slice.call(arguments));
        return func.apply(this, allArguments);
    };
}

感谢您的帮助。

Answer 1

视情况而定

在您的第一个示例中使用包装函数是直接的、易于阅读的、实用的，并且在现代引擎上不太可能产生与您使用它的上下文的闭包相关的令人不快的副作用（因为现代引擎在许多情况下优化平凡的闭包）。对于没有优化闭包的旧引擎，它可能会导致不必要地保存在内存中（并且仍然可以，使用更复杂的闭包；但是像你这样的引擎不使用eval，new Function , 或with，并且只引用了一个可能未在直接包含的上下文中声明的变量，是一个很好的优化候选者）。

使用 JavaScript 的 Function#bind 可以避免关闭问题；更简洁一点；并且在现代引擎上可能非常高效（而在需要填充的旧引擎上不会低效）。不过，它确实弄乱了this 的值，这可能是事件处理程序中的一个问题（尽管您在示例中没有使用this）。

使用像您的 partial 或 PrototypeJS 的 Function#curry 这样的函数还具有避免关闭问题和简洁的好处，不太可能在高效，并使用 this 值赋予它们生成的功能。它们的缺点是不标准，因此您必须提供它们，并且阅读您的代码的人必须了解它们的作用。

任你选择。

Answer 2

我会使用Function.prototype.bind，它允许传递额外的参数：

jQuery("#target").click(onTargetClick.bind(null, "myCoolParam"));