Question

在浏览Eloquent Javascript (Chapter 6)时，会引用Javascript中的高阶函数。虽然第3章提供了一个例子，但我相信它可能会更简单，因为我仍然不完全理解这个概念。在搜索网络后，我似乎找不到任何高阶函数的简洁例子。

我想在Javascript中看到一个基本/简单的高阶函数来解释这个概念。

Answer 1

高级函数是来自functional programming的概念。简而言之，更高的功能是将另一个功能作为参数的功能。在javascript中，最近添加了一些更高级的功能。

Array.prototype.reduce 
//With this function, we can do some funny things.
function sum(array){
    return array.reduce(function(a, b){ return a + b; }, 0);
}

因此，在上面的示例中，reduce是一个高阶函数，它将另一个函数（样本中的匿名函数）作为参数。 reduce的签名看起来像这样

reduce(func, init);
//func is a function takes two parameter and returns some value.
// init is the initial value which would be passed to func
//when calling reduce, some thing happen

//step 1.
[1, 2, 3, 4, 5].reduce(function(a, b){ return a + b }, 0);
//step 2.
[2, 3, 4, 5].reduce(function(a, b){ return a + b}, 0 + 1);
//step 3.
[3, 4, 5].reduce(function(a, b){ return a + b}, 0 + 1 + 2);
//...

如您所见，reduce迭代一个数组，并将func与init及该数组的第一个元素一起应用，然后将结果绑定到init。< / p>

另一个更高阶的函数是filter。

Array.prototype.filter
//As the name indicates, it filter out some unwanted values from an Aarry. It also takes a function, which returns a boolean value, true for keeping this element.
[1, 2, 3, 4, 5].filter(function(ele){ return ele % 2 == 0; });

通过以上两个例子，我不得不说高阶函数不是那么容易理解，特别是reduce。但这不是复杂，具有更高阶的功能，实际上你的代码会更干净和可读。以filter为例，它告诉人们它会丢弃所有奇数。

在这里，我想实现一个简单的filter函数来向您展示如何。

function filter(array, func){
    var output = [];
    for(var i = 0; i < array.length; i++){
      if(func(array[i])) output.push(array[i]);
    }
    return output;
}

javascript中一个简单的高阶函数的例子

1 个答案: