放置一個函數作爲參數另一個函數

Question

中，我有以下代碼：

var doSomething = function(paramOne, paramTwo, fn){ 
    paramOne = paramOne + 3; 
    paramOne = paramOne + 1; 
    paramOne = paramOne * 8; 

    return fn(paramOne, paramTwo); 
}; 

function sum(paramOne, paramTwo){ 
    return paramOne + paramTwo; 
}; 

var foo = doSomething(2, 2, sum); 

alert(foo); 

此代碼我是從學源來了...所以它工作正常。

我明白髮生了什麼事..但我希望有人能解釋它嗎？

我不理解這麼好部分是爲什麼paramOne和paramTwo在這兩行括號：

return fn(paramOne, paramTwo); 

和

function sum(paramOne, paramTwo){ 

如果有人可以解釋這對我來說會非常感謝。

謝謝。

Answer 1

您似乎會感到困惑，因爲paramOne和paramTwo在不同的環境下使用。

這也許會更清晰：

var doSomething = function(paramOne, paramTwo, fn){ 
    paramOne = paramOne + 3; 
    paramOne = paramOne + 1; 
    paramOne = paramOne * 8; 

    return fn(paramOne, paramTwo); // since `sum` is the function being passed in 
            // below, the result here is the same as calling 
            // sum(paramOne, paramTwo) 
}; 

function sum(firstNumber, secondNumber){ 
    return firstNumber + secondNumber; 
}; 

var foo = doSomething(2, 2, sum); 

alert(foo); 

正如你可以在這裏看到，該sum函數的參數是doSomething完全無關的人。您必須將值傳遞到sum()以賦予其值以加在一起並返回。

現在更有意義嗎？

Answer 2

這條線的位置：return fn(paramOne, paramTwo);由兩個部分組成：return expression和表達本身，這是一個功能fn調用使用兩個參數paramOne和paramTwo。

此行：function sum(paramOne, paramTwo){是功能sum的定義。

---

爲了更好地解釋它，我們應該從這一行開始：var foo = doSomething(2, 2, sum);。在這一行中，我們調用一個函數doSomething並將三個參數傳遞給它。前兩個參數是兩個整數值：2和2，最後一個參數是一個函數sum。在JavaScript中，您可以通過在調用中指定其名稱來將函數作爲參數傳遞給另一個函數。

當函數doSomething被實際調用時，所有傳遞的參數都被綁定到局部變量，在函數的定義中指定：function(paramOne, paramTwo, fn)。因此2將變爲paramOne，其他2將變爲paramTwo而sum將變爲fn。

當我們稍後調用fn()時，我們實際上正在調用sum()。

而sum函數在這裏是相當自我解釋。

如果您有其他問題，只需在評論中詢問他們這個答案。我會很樂意更新我的答案。