javascript - jQuery 方法，可选参数的顺序

Question

我只是玩了一下animate()方法。

.animate（属性[，持续时间] [，缓动] [，完成]）

我知道我不必将所有参数传递给 javascript 中的函数。但我想知道的是jquery如何计算出function(){ }指的是回调函数，它实际上是第4个参数，而不是缓动字符串（即第3个）？

$('div').animate({ height: '10px' }, 100, function(){ });

Answer 1

有简单的测试来检查类型：

从源代码（animate调用speed）：

jQuery.speed = function( speed, easing, fn ) {
    var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : {
        complete: fn || !fn && easing ||
            jQuery.isFunction( speed ) && speed,
        duration: speed,
        easing: fn && easing || easing && !jQuery.isFunction( easing ) && easing
    };

...

isFunction: function( obj ) {
        return jQuery.type(obj) === "function";
    },

...

type: function( obj ) {
        return obj == null ?
            String( obj ) :
            class2type[ core_toString.call(obj) ] || "object";
    },

...

core_toString = Object.prototype.toString

...

jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) {
    class2type[ "[object " + name + "]" ] = name.toLowerCase();
});

所以基本上它检查的Object.prototype.toString.call(fn)是"[object Function]".

Answer 2

jQuery查看参数的类型发现，easing参数是string类型，而complete参数是function类型。

请参阅.animate()的 api，了解每个参数的类型。

例子：

function test(first, second, third) {
   if (typeof third == 'string') {
       //third is the easing function
   } else if (typeof third == 'function') {
       //third is the callback function
   }
}

Answer 3

检查参数的typeof和arguments.length。

Answer 4

可以检查参数的类型。

像：

if (typeof easing == 'function') {
  complete= easing;
  easing = 'some default value'; 
} else {
  // ...
}

Answer 5

我的猜测是使用 typeof() 来查看参数是否是一个函数，但如果你真的想知道，请查看它们的来源：https ://github.com/jquery/jquery

Answer 6

大概：

function test(){};
typeof test // 'function'