有什么方法可以避免在 jQuery 中使用匿名函数？

Question

如果我有一大段这样的代码：

.hover(
        function () {
            hoverState($("#navbar a").index(this),1);
        },
        function () {
            hoverState($("#navbar a").index(this),-1);
});

有什么办法可以去掉匿名函数，直接说：

.hover(
    hoverState($("#navbar a").index(this),1),
    hoverState($("#navbar a").index(this),-1);
);

Answer 1

不，否则你的电话：

hoverState($("#navbar a").index(this),1)

将与对悬停函数本身的调用同时进行评估。由于 Javascript 支持闭包和一等函数，您可以创建一个包装函数：

function wrapper(position){
    function _f(){
        hoverState($("#navbar a").index(this), position);
    }
    return _f;
}

然后使用：

.hover(
    wrapper(1),
    wrapper(-1),
)

但这种方法的收益值得怀疑。

Answer 2

匿名函数的原因是将对 hoverState 的调用推迟到悬停事件发生。如果没有一些函数引用，您最终会调用 hoverState 并且函数调用的结果将成为悬停方法的参数，这肯定不是您想要的。另一种方法是使用命名函数，但这并没有更好，而且在某些方面实际上更糟。

Answer 3

有一种方法可以做这样的事情，the jLambda plugin。

// Without plugin:
$('.foo').click(
            function() {
                $(this).hide();
                $('p').show();
                $('a').width(20);
            });

// With plugin:
$('.foo').click($l.hide().$('p').show().$('a').width(20));

Answer 4

我的回答可能看起来很愚蠢，但在这里......你可以使用简单的函数：}

function hoverStateProxy1() {
        hoverState($("#navbar a").index(this),1);
}


function hoverStateProxy2() {
        hoverState($("#navbar a").index(this),-1);
}

.hover(hoverStateProxy1, hoverStateProxy2);

只要你传递对函数的引用就可以了。可以匿名也可以不匿名。

Answer 5

您可以使用JavaScript's "Apply" Function。这是一个取自 Prototype.js 框架的示例（绑定实现，但如果不在框架内使用它可能应该重命名）。

编辑：已更正，请参阅This Post

if (!Object.bind) {
    Function.prototype.bind= function(owner) {
        var that= this;
        var args= Array.prototype.slice.call(arguments, 1);
        return function() {
            return that.apply(owner,
                args.length===0? arguments : arguments.length===0? args :
                args.concat(Array.prototype.slice.call(arguments, 0))
            );
        };
    };
}

用法：

.hover(
    hoverState.bind(this,$("#navbar a").index(this),1),
    hoverState.bind(this,$("#navbar a").index(this),-1)
);