javascript - 创建具有动态参数排列的方法/函数？

Question

这在 jQuery 中一直可见，我想知道他们是如何做到的。我马上给你举个例子:

在 jQuery 的 fadeIn() 动画中，您可以放入三种不同类型参数的组合:

.fadeIn([duration ] [, complete ] );
.fadeIn( options );
.fadeIn( [duration ] [, easing ] [, complete ] );

如图所示，您可以输入不同的参数，顺序并不重要。接受这些参数并像 fadeIn() 方法那样相应地处理它们的适当或最实用的方法是什么？我正在构建一个几乎可以以相同方式处理参数的插件:

.flipAnimation([newvalue]);
.flipAnimation([newvalue] [, duration]);
.flipAnimation([newvalue][, duration][, complete()]);
.flipAnimation(options);

谢谢。

Answer 1

一种方法是使用arguments。每个函数在范围内都有一个 arguments 变量，它包含传递给该函数的所有参数，无论其签名如何。例如:

a = function() { console.log(arguments); };
a(); // []
a(1,2,3,4);  // [1, 2, 3, 4]

因此，您可以将它与 typeof 结合使用来检查用户如何调用您的函数。例如

foo = function() {
    if(typeof(arguments[0]) == 'function') {
        // do something
    } else if(typeof(arguments[0]) == 'object') {
        // do something else
    }
};

foo( function() { return 'hi'; } );
foo( {foo: 'bar'} );
// both will do something