為什么`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'.