如何通過一個回調函數有多個可能的參數列表

Question

這裏有兩個回調函數：

function callback_a(){ 
    alert('a'); 
} 

function callback_b(p){ 
    alert('b says'+ p)' 
} 

如果我想使用callback_a

function test(callback){ 
    if(condition){ 
    callback(); 
    } 
} 

test(callback_a); 

但功能test並不適用於callback_b，所以如何實現一個通用函數，你可以通過多個可能的參數列表傳遞一些回調函數。

Answer 1

有一個叫做arguments的特殊對象，它在函數被調用時被創建。它是一個數組狀物體表示傳遞到一個函數的參數：

它可用於這樣的：

test(); 
    // no arguments passed, but it still gets created: 
    // arguments.length = 0 
    // arguments >> [] 

test(a); 
    // ONE argument passed: 
    // arguments.length = 1 
    // arguments >> [a] 

test(a,b,c,d); 
    // FOUR arguments passed: 
    // arguments.length = 4 
    // arguments >> [a,b,c,d] 

知道了這一點，可調用一回調與在傳遞的參數的其餘部分使用apply這樣父功能：

function test(callback) { 
    callback.apply(null, Array.prototype.slice.call(arguments, 1)); 
} 
// arguments passed into test are available in the function scope when 
// .slice is used here to only pass the portion of the arguments 
// array relevant to the callback (i.e. any arguments minus the 
// first argument which is the callback itself.) 
// 
// N.B. The arguments object isn't an array but an array like object so 
// .slice isn't available on it directly, hence .call was used here) 

可能是值得閱讀起來：

• 的arguments object

• Function.prototype.apply，Function.prototype.call和Function.prototype.bind，因爲它們是結合上下文的方式和參數的函數（即他們將與arguments object工作調用一個函數，你可能不知道多少個參數將被傳遞）

Answer 2

可以傳遞參數，而調用回調

function test(callback){ 
 
    if(condition){ 
 
    callback(); 
 
    } 
 
    else if(other condition){ 
 
    callback("b"); 
 
    } 
 
} 
 

 
test(callback_b);

你可以寫你的回調函數一樣

function callback_a_b(){ 
 
    if(arguments.length){ 
 
    var arg = [].slice.call(arguments); 
 
    alert('b says'+ arg[0]) 
 
    } 
 
    else{ 
 
    alert('a'); 
 
    } 
 
    
 
}

Answer 3

您可以傳遞一個匿名函數作爲回調函數，該回調函數本身將返回您所需的具有參數的回調函數。

test(function() { return callback_b(' how are you'); }); 

看到，將首先使用callback_a這個工作片斷，然後callback_b（帶參數）作爲回調：

function callback_a(){ 
 
    alert('a'); 
 
} 
 

 
function callback_b(p){ 
 
    alert('b says'+ p); 
 
} 
 

 
function test(callback){ 
 
    if(true){ 
 
    callback(); 
 
    } 
 
} 
 

 
test(callback_a); 
 
test(function() { return callback_b(' how are you'); });

Answer 4

因此，如何實現一個共同的功能你可以傳遞一些回調函數和多個可能的參數列表。

基本上，你不知道。接收回調的函數負責回調接收的參數。當你調用Array#forEach，這是Array#forEach是決定你的回調得到什麼論據。同樣，String#replace定義了它將調用其回調函數的內容。

你的任務是說什麼test會做什麼，它會調用它的回調有。然後，它的使用test適當地寫自己的回調人的工作。例如：你可以記錄test作爲調用不帶參數的回調。如果主叫方希望使用callback_b，那麼它是由他們來處理callback_b需要一個參數的事實。有幾種方法，他們可以這樣做：

的可以在另一個函數把它包：

test(function() { 
    callback_b("appropriate value here"); 
}); 

...或使用Function#bind

test(callback_b.bind(null, "appropriate value here")); 

...但它他們問題， 不是你的。

備註：如果他們通過你callback_b並且你沒有任何參數地調用它，你將不會得到一個錯誤。 JavaScript允許使用比期望的參數更少的參數來調用函數，或者更多。函數如何處理，取決於函數的作者。

Answer 5

可以傳遞參數數組的test功能或使用ES6傳播OPER第二PARAM ator read more here

function test(callback, params){ 
    if(condition){ 
    if (params === undefined){ 
     callback(); 
    } else { 
     callback.apply(null, params); //params must be array 
     //ES6: callback(...params); 
    } 
    } 
} 

test(callback_a); 
test(callback_b, [" whatever"]); 

Answer 6

我剛纔在我的瀏覽器（ffox 51.0。1）以下工作：

function test(callback,other_args){if(condition){callback(other_args);}} 

結果：

• 條件=真
• 試驗（callback_a）
  • =>示出了具有 'A'
警報
• condition = false
• 試驗（callback_a）
  • =>不顯示任何東西
• 條件=真
• 試驗（callback_b 「佩佩」）
  • =>示出了具有「B警報sayspepe」
• 條件=假
• 試驗（callback_b 「佩佩」）
  • =>不顯示任何

Answer 7

有三個選項：

• 最簡單的方法是使用傳播運營商：

  function test(callback, ...callback_args) { 
      callback(...callback_args); 
  } 
  

  在這種情況下調用test函數callback_b會是這樣：

  test(callback_b,"b") 
  

• 的第二種方式是使用arguments其範圍限定於任何功能在JavaScript：

  function test(callback) { 
      callback.apply(null, arguments.slice(1)); 
  } 
  

  的test爲功能callback_b調用將是相同的：

  test(callback_b,"b") 
  

• 另一種選擇是使用curried函數。在這種情況下，你應該定義b_callback像這樣（ES6語法）：

  let callback_b = (p) =>() => void{ 
      alert('b says'+ p)' 
  } 
  

  或不ES6：

  function callback_b(p) { 
      return function(){ 
       alert('b says'+ p)' 
      } 
  } 
  

  並調用它像這樣：

  test(callback_b("b"))