Question

我有需要在不同地方使用的通用功能。问题是我需要传递没有参数的函数和一些带参数的地方来回调函数。我如何处理这两种情况。

    function deletePrompt(message, callback){
    $("#deleteModelWindow").modal({
    containerCss: {
        width: 320,
        height: 180,
        overflow: 'hidden'},
        onShow: function(dialog){ dialog.wrap.css('overflow','hidden'); }
    });
    document.getElementById("spanid").innerHTML = message;       
    $("#deleteModelWindow").on('click', "#deleteConfirm", function(){
    if (callback !== undefined) {
        callback();           
    } else {    
        callback(parameter1,parameter2);        
    }
    $.modal.close();
    });     
    $("#deleteModelWindow").on('click', "#cancel", function(){          
    $.modal.close();
    });

}

致电来自：

<input id="deleteInvitationBtn" class="buOrange large" type="button" name="submit" value="Delete Invitation" onClick="deletePrompt('Are you sure you want to delete the invitation?', deleteInvitation('${invitation.invitationId}','${invitation.clientActivationCode}'))">

在这里，在onclick重定向到deletePrompt（）之前，它直接重定向到deleteInvitation（）。

任何人都可以解释为什么会这样吗？

Answer 1

您可以使用arguments对象或检查message和callback是否未定义：

function deletePrompt(message, callback) {
        $("#deleteModelWindow").modal({
        containerCss: {
            width: 320,
            height: 180,
            overflow: 'hidden'},
            onShow: function(dialog){ dialog.wrap.css('overflow','hidden'); }
        });

        if (message !== undefined) {
             document.getElementById("spanid").innerHTML = message;
        }

        if (callback !== undefined) {
            $("#deleteModelWindow").on('click', "#deleteConfirm", function() {           
              callback();
              callback(parameter1,parameter2);

              $.modal.close();
            }); 
        }

        $("#deleteModelWindow").on('click', "#cancel", function(){          
        $.modal.close();
        });   
}

JSFiddle演示了这个概念：http://jsfiddle.net/on3b7sv4/

将绑定逻辑拆分为更小的函数也可能更好，因此功能更清晰。

Answer 2

没关系。 JavaScript函数非常灵活，你可以传递比预期更多的参数，或更少;在函数内，任何未通过的声明参数都将具有值undefined。您传递的任何未声明的参数将作为arguments伪数组的一部分提供。

示例：

＆＃13;

function test(label, a, b) {
  var n;
  snippet.log("------- " + label);
  snippet.log("a = " + a);
  snippet.log("c = " + b);
  if (arguments.length > 3) {
    snippet.log("Extra arguments:");
    for (n = 3; n < arguments.length; ++n) {
      snippet.log("#" + n + ": " + arguments[n]);
    }
  }
}
test("test1", 1, 2);
test("test2", 1);
test("test3");
test("test4", 1, 2, 3, 4);

＆＃13;

<!-- Script provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="//tjcrowder.github.io/simple-snippets-console/snippet.js"></script>

＆＃13;

回调函数 - javascript

2 个答案: