Javascript高阶函数使用介绍

在Javascript中，高阶函数是指能够接受一个或多个函数作为参数，或者将函数作为返回值的函数。通过使用高阶函数，我们可以更好地组织我们的代码，使其更加灵活和可复用。下面将详细介绍Javascript高阶函数的几种常见用法。

将函数作为参数传入另一个函数

使用函数作为另一个函数的参数是高阶函数中最基本的用法之一。例如我们有一个函数double，可以将一个数字翻倍：

function double(x) {
  return x * 2;
}

我们可以传入一个数字，得到它的两倍：

console.log(double(2)); // 输出 4

现在我们有另一个函数applyFunc，它接受一个数字和一个函数作为参数，并将该函数应用于该数字：

function applyFunc(x, func) {
  return func(x);
}

我们可以使用applyFunc将double函数应用于一个数字，得到其两倍的结果：

console.log(applyFunc(2, double)); // 输出 4

在这个例子中，double函数被传递作为参数到applyFunc函数中。

将函数作为返回值

我们也可以将一个函数作为另一个函数的返回值。例如，我们有一个函数multiplyBy，可以接受一个数字，然后返回另一个函数，该返回的函数将会将其参数乘以传入的数字：

function multiplyBy(x) {
  return function(y) {
    return x * y;
  };
}

我们可以使用multiplyBy函数，传入一个数字5，然后得到一个新函数multiplier：

const multiplier = multiplyBy(5);

此时我们得到了multiplier函数，它接受一个数字并将其乘以5：

console.log(multiplier(2)); // 输出 10
console.log(multiplier(3)); // 输出 15

在这个例子中，multiplyBy函数返回了一个函数并将其赋值给了multiplier变量。

示例说明

下面是一个例子说明，展示了如何使用高阶函数来过滤一个数字数组。我们有一个数字数组numbers，我们想过滤出其中的偶数。我们可以写一个filter函数，它接受一个数组和一个函数作为参数，然后返回一个新的、只包含过滤函数所要求元素的数组：

const numbers = [1, 2, 3, 4, 5, 6];

function filter(arr, predicate) {
  const result = [];
  for (let i = 0; i < arr.length; i++) {
    if (predicate(arr[i])) {
      result.push(arr[i]);
    }
  }
  return result;
}

function isEven(n) {
  return n % 2 === 0;
}

const evenNumbers = filter(numbers, isEven);
console.log(evenNumbers); // 输出 [2, 4, 6]

在这个例子中，filter函数接受一个名为predicate的函数作为第二个参数，并将其应用于数组中的每个元素。我们还有一个名为isEven的函数，它接受一个数字并返回它是否为偶数的布尔值。最后我们调用filter函数，将isEven函数作为参数传递，得到只包含偶数的新数组。

下面是一个将函数作为返回值的例子，我们有一个函数createCounter，它返回一个新函数。这个新函数可以被调用多次，并且每次调用都会返回一个更新后的计数器值：

function createCounter(start = 0, step = 1) {
  let count = start;
  return function() {
    const result = count;
    count += step;
    return result;
  };
}

const counterA = createCounter();
console.log(counterA()); // 输出 0
console.log(counterA()); // 输出 1
console.log(counterA()); // 输出 2

const counterB = createCounter(10, 5);
console.log(counterB()); // 输出 10
console.log(counterB()); // 输出 15
console.log(counterB()); // 输出 20

在这个例子中，createCounter函数返回一个新函数，并将它赋值给了counterA和counterB。每次调用这个新函数时，它都会更新计数器的值并返回旧值。我们可以为createCounter函数传递两个可选参数start和step来改变计数器的初始值和步进值。