以函数为参数的函数

Question

我正在尝试定义一个函数，该函数应该调用作为主函数参数传递的（另一个）函数。

function showMessage(title, text, button, callback) {

    console.log(title, text, button);

    if (typeof (callback) != "function") {
        function callback() {};
        alert("converted callback");
    }

    $("div").click( function() {
        callback();
    });

}

function myfunction() {
    alert("function!");
}

showMessage("title", "text", "button", myfunction() );

演示：http://jsfiddle.net/XvE8D/1/

问题是当showMessage()函数被调用时，myfunction()被立即调用。

我该如何解决这个问题？

Answer 1

如您所见，带括号的myfunction() 调用myfunction。

尝试不带括号将myfunction 传递给showMessage：

showMessage("title", "text", "button", myfunction);

另外，在showMessage 中，您必须更改这部分：

if (typeof (callback) != "function") {
    function callback() {};
    alert("converted callback");
}

到这里：

if (typeof (callback) != "function") {
    callback = function() {};
    alert("converted callback");
}

要将其他参数传递给myfunction，您可以将myfunction 包装在另一个函数中并将其传递给showMessage。像这样的东西应该可以工作：

showMessage("title", "text", "button", function() { myfunction('foo'); });

Answer 2

您需要将函数引用作为回调参数传递，在您的情况下，您正在调用函数并将myfunction（在这种情况下为未定义）返回的值分配为回调参数。

另见使用$.noop()

function showMessage(title, text, button, callback) {   
    console.log(title, text, button);

    callback = callback || $.noop;

    $("div").click(function(){
        callback('my params')
    });
}

function myfunction() {
    alert("function!");
}

showMessage("title", "text", "button", myfunction);