根據(jù)我的理解，您對匿名/ lambda 函數(shù)如何對無限數(shù)量的參數(shù)進行操作感到困惑。
讓我們編寫我們自己的過濾器函數(shù)來看看它是如何工作的。首先，我們需要兩件事，一個對象/值數(shù)組，以及將這些值映射到 true（應(yīng)該在結(jié)果數(shù)組中）或 false（不應(yīng)該在結(jié)果數(shù)組中）的某種方法。然后我們需要做的就是選擇評估的值以嘗試并返回它們。
// Define array
var words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
// Define filter
function hasAnE(word) {
return word.includes('e');
}
// Examples
hasAnE(words[0]); // false
hasAnE(words[1]); // false
hasAnE(words[2]); // true
// Create an array for our results
filteredWords = [];
// Go through our words array and check for matches
for (var index = 0; index < words.length; index ++) {
word = words[index];
// Map each element to true / false
filterResult = hasAnE(word);
// If it matches the filter, add it to the results
if (filterResult) {
filteredWords.push(word);
}
}
console.log(filteredWords); // [ 'elite', 'exuberant', 'destruction', 'present' ]
好的，所以我們可以自己構(gòu)建這個過濾器功能，但是我們?nèi)绾巫龅絯ords.filter(hasAnE)呢？首先，您需要了解的是，在 JavaScript 中，您可以像傳遞變量一樣傳遞函數(shù)本身。這意味著我們可以編寫一個將另一個函數(shù)作為參數(shù)的函數(shù)（傳遞的函數(shù)稱為“回調(diào)”）。
function filterWords(wordsArray, filter) {
filteredWords = [];
for (var index = 0; index < wordsArray.length; index ++) {
word = wordsArray[index];
// Map each element to true / false
filterResult = filter(word);
// If it matches the filter, add it to the results
if (filterResult) {
filteredWords.push(word);
}
}
return filteredWords;
}
console.log(filterWords(words, hasAnE)); // [ 'elite', 'exuberant', 'destruction', 'present' ]
請注意，我們得到了與之前相同的結(jié)果。JavaScript 不僅允許我們將過濾器作為輸入?yún)?shù)傳遞，而且還可以無縫調(diào)用它。但是我們?nèi)绾螌⑦^濾器直接應(yīng)用到 words 數(shù)組本身呢？這是原型派上用場的地方，因為它允許我更改現(xiàn)有類的“基本”代碼。例如，Array.prototype讓我可以訪問 Array 類（我們的 words 數(shù)組就是其中之一）的所有默認字段和方法。因此，利用我們對函數(shù)可以存儲為變量的知識，我們可以這樣做：
function filterWordsPrototype(filter) {
filteredWords = [];
for (var index = 0; index < this.length; index ++) {
word = this[index];
// Map each element to true / false
filterResult = filter(word);
// If it matches the filter, add it to the results
if (filterResult) {
filteredWords.push(word);
}
}
return filteredWords;
}
Array.prototype.filterWords = filterWordsPrototype;
console.log(words.filterWords(hasAnE)); // [ 'elite', 'exuberant', 'destruction', 'present' ]
這里沒有魔法。我們的最終words.filterWords(hasAnE)看起來非常接近原始words.filter(someFunction)注意我如何擺脫數(shù)組參數(shù)并將對數(shù)組的所有引用this改為。那是因為我將該函數(shù)設(shè)置為數(shù)組本身（以及所有數(shù)組）的方法，所以this現(xiàn)在指的是我正在調(diào)用該函數(shù)的數(shù)組。
現(xiàn)在，實際的實現(xiàn)當(dāng)然比這更有效、更安全、更詳細，但我希望我已經(jīng)回答了你關(guān)于幕后大致發(fā)生的事情的問題。
