在 JavaScript 中，高阶函数是一种非常重要且常用的概念。高阶函数可以接收其他函数作为参数，返回函数，或同时执行这两种操作。本文将详细介绍高阶函数的定义及其三种主要用法，并通过示例进行说明。
一. 什么是高阶函数？
高阶函数是指至少满足以下条件之一的函数：
-
接收函数作为参数 -
返回一个函数 -
同时接收函数作为参数并返回一个函数
与处理简单数据类型（如数字、字符串、布尔值）的普通函数不同，高阶函数处理的是函数，这使得它们在抽象操作和减少重复代码方面非常强大。
二. 高阶函数的用法
1. 函数作为参数
最常见的高阶函数用法是将函数作为参数传递。JavaScript 提供了像 map()、filter() 和 reduce() 这样的高阶函数，它们接收其他函数作为参数。我们也可以定义自己的高阶函数来接收函数作为参数。
示例 1. 内置高阶函数
const numbers = [1, 2, 3, 4, 5];
const doubleNumbers = numbers.map(function(number) {
return number * 2;
});
console.log(doubleNumbers);
解释：
-
numbers.map(...)：map()方法接收一个函数作为参数，并将该函数应用于数组的每个元素。 -
function(number) { return number * 2; }：传入的函数将每个数字乘以 2。
输出：
[2, 4, 6, 8, 10]
示例 2. 用户定义的高阶函数
function operateOnNumbers(numbers, operation) {
const results = [];
for (let number of numbers) {
results.push(operation(number));
}
return results;
}
function square(number) {
return number * number;
}
function cube(number) {
return number * number * number;
}
const numbers = [1, 2, 3, 4];
const squaredNumbers = operateOnNumbers(numbers, square);
console.log("Square : " + squaredNumbers);
const cubedNumbers = operateOnNumbers(numbers, cube);
console.log("Cube : " + cubedNumbers);
解释：
-
operateOnNumbers(numbers, operation)：这是一个高阶函数，接收一个数组和一个函数作为参数，并将该函数应用于数组中的每个数字。 -
square(number)和cube(number)：作为参数传递的函数，分别用于计算平方和立方。
输出：
Square : 1,4,9,16
Cube : 1,8,27,64
2. 返回一个函数
高阶函数不仅可以接收函数作为参数，还可以返回函数。
示例 3. 返回函数的高阶函数
function createMultiplier(multiplier) {
return function(number) {
return number * multiplier;
};
}
const double = createMultiplier(2);
const triple = createMultiplier(3);
console.log(double(5));
console.log(triple(5));
解释：
-
createMultiplier(multiplier)：这是一个高阶函数，返回一个新的函数，该函数将输入数字乘以multiplier。 -
double和triple：调用createMultiplier()创建的函数，分别用 2 和 3 作为乘数。
输出：
10
15
3. 同时接收函数作为参数并返回一个函数
这种情况结合了以上两种用法，高阶函数既接收函数作为参数，又返回一个函数。
示例 4. 同时接收函数和返回函数的高阶函数
function multiplyBy(multiplier) {
return function(number) {
return number * multiplier;
};
}
const double = multiplyBy(2);
const triple = multiplyBy(3);
console.log(double(5));
console.log(triple(5));
解释：
-
multiplyBy(multiplier)：这是一个高阶函数，它接收一个乘数作为参数，并返回一个函数，该函数将输入数字乘以这个乘数。 -
double和triple：通过调用multiplyBy()创建的函数，分别用 2 和 3 作为乘数。
输出：
10
15
三. 总结
高阶函数（HOFs）是那些能够接收其他函数作为参数、返回函数或同时执行这两种操作的函数。高阶函数简化了代码，提高了代码的复用性，并在 JavaScript 中实现了函数式编程模式。