JavaScript overloading with a callback

问题:

Following the pattern recommended in this question, where we have something akin to:

function foo(a, b, opts) {

}

foo(1, 2, {"method":"add"});
foo(3, 4, {"test":"equals", "bar":"tree"});

How would one then include a callback as the final parameter? I have function foo() that should be able to handle both of:

foo(x, y, function() {
  // do stuff
});

And

foo(x, y, z, function() {
  // do stuff
});

Any suggestions?

回答1:

So basically you want to accept a variable number of arguments, followed by a callback as the last one? Something similar to how PHP's array_udiff works?

This is fairly simple:

function foo() {
    var args = [], l = arguments.length, i;
    for( i=0; i<l; i++) args[i] = arguments[i];

    var callback = args.pop();
    // now you have your variable number of arguments as an array `args`
    // and your callback that was the last parameter.
}

回答2:

I'd say just use the arguments object:

function foo(a, b) {
    // Do stuff


    // Done stuff


    var alength = arguments.length;

    // If more than 2 arguments and last argument is a function
    if(alength > 2 && typeof arguments[alength - 1] === 'function')
        arguments[alength - 1].call(this);
}

回答3:

You could do similar to .apply. (unlike .call)

function foo(args, cb) {}

foo(['a', 'b', 'c'], function() {} );

And if you need to, you could put them into variables using .shift:

function foo(args, cb) {
    var a = args.shift(),
        b = args.shift();
    // and so on...
}

回答4:

Ended up going with the following solution:

foo(args) {}

foo({"x":"add", "callback": function() {
  // do stuff
}});


foo({"x":"equals", "y":"tree", "callback": function() {
  // do stuff
}});

And then simply checking to see if the last arguments value is a function, ala @PaulP.R.O.'s solution above:

if((arguments.length > 1) && (typeof arguments[arguments.length - 1] === 'function')) {
  var callback = arguments[arguments.length - 1];
}