回调函数 - javascript

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

这很好。 JavaScript函数非常灵活，你可以向他们传递比他们期望的更多的参数，或者更少的参数;在函数内部，任何你没有通过的声明参数的值都是undefined。您通过的任何未声明的参数将作为arguments伪阵列的一部分提供。

例子：

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);

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

Answer 2

您可以使用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/

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