为什么`foo（）`在这里工作？

Question

这是一个小提琴：

https://jsfiddle.net/5k10h27j/

为什么在设置为未定义函数的参数时会调用foo() ？

function foo(){
    alert('huh??');   
}
jQuery('#container').on('change', 'input', function(e){
    console.log('change');  
}).blahblah(foo());

Answer 1

在尝试定位未定义的函数之前调用该函数。

在表达式中

  objectReference.propertyName( arg1, arg2, arg3 )

该语言的规范规定在进行任何测试之前评估参数，以确定函数引用是否实际有效。 因此，您对参数列表中的foo()的调用将被计算，并且只有在其值已知之后才会进行任何测试以查看属性引用是否属于实函数。

这是规范的相关部分。 第3步是对参数的评估，第4步是测试，看看代码所说的作为函数调用的东西是否实际上是一个函数。

Answer 2

因为你在叫它。 foo() 。 您可以在不调用函数的情况下传递函数，如.blahblah(foo);

Answer 3

首先，你需要在某处定义你的blahblah函数，它必须原型jQuery才能用于链接。 一旦使用回调参数定义了函数，就可以通过传递foo引用而不是函数调用来调用它。

$.fn.blahblah = function ( callback ) {
  callback();
  return this; // if you want to keep chaining
};

function foo () {
  alert( 'huh??' );
}

$( '#container' )
  .on( 'change', function () {
    console.log( 'change' );
  })
  .blahblah( foo );
  // in this case you can keep chaining since blahblah is returning 'this'.