为什么`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

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

Answer 2

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

在表达等

objectReference.propertyName(arg1, arg2, arg3) 

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

Here is the relevant portion of the spec.第3步是对参数的评估，第4步是测试以确定代码称为函数的东西实际上是函数。

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'.