使用无序/可选参数的 jQuery 方法

Question

有大量 jQuery 方法允许您重新排序或省略特定参数。例如:

$('#box').animate({top: 100}, 2000, "linear", function(){alert("done");});

工作原理与以下完全相同:

$('#box').animate({top: 100}, 2000, function(){alert("done");});

jQuery 如何配置其方法以实现这种灵 active ，而无需将关联数组传递给单个参数？

他们会检查每个参数的数据类型并根据结果进行分配吗？这会增加每个方法的大量开销吗？

Answer 1

查看jQuery.animate() function on github我看到他们正在使用第二个、第三个和第四个参数调用 jQuery.speed()。速度函数定义得更深入一些，并使用参数进行一些类型检查。

来自effects.js的代码片段:

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
    };
    ...
};