ES6 中的高阶函数详解及使用示例-JavaScript中文网-JavaScript教程资源分享门户

在 JavaScript 中，函数是一等公民，即函数可以像其他类型的值一样被传递、赋值、作为参数和返回值。而高阶函数则是一种特殊的函数，它可以接收一个或多个函数作为参数，并且/或返回一个函数。在 ES6 中，高阶函数的使用更加方便和强大，本文将详细介绍 ES6 中的高阶函数及其使用示例。

什么是高阶函数？

高阶函数是指至少满足下列条件之一的函数：

高阶函数可以用来封装通用的逻辑，使代码更加简洁和易于维护。常见的高阶函数包括 map、filter、reduce 等。

map 函数用于将数组中的每个元素都执行一个函数，并返回一个新的数组，其中每个元素都是执行函数后的结果。

const arr = [1, 2, 3];
const doubleArr = arr.map(x => x * 2);
console.log(doubleArr); // [2, 4, 6]

filter 函数用于从数组中过滤出符合条件的元素，并返回一个新的数组。

const arr = [1, 2, 3, 4, 5];
const oddArr = arr.filter(x => x % 2 === 1);
console.log(oddArr); // [1, 3, 5]

reduce 函数用于将数组中的元素依次执行一个函数，并将结果累加到一个初始值上，最终返回累加后的结果。

const arr = [1, 2, 3, 4, 5];
const sum = arr.reduce((acc, cur) => acc + cur, 0);
console.log(sum); // 15

compose 函数用于将多个函数组合成一个新的函数，从右到左依次执行。

const add = x => x + 1;
const multiply = x => x * 2;
const addAndMultiply = compose(multiply, add);
console.log(addAndMultiply(1)); // 4

curry 函数用于将一个多参数的函数转化为一个接收单个参数的函数序列，每次调用返回一个新的函数，直到参数全部传递完毕后，执行原始函数并返回结果。

const add = (x, y) => x + y;
const curriedAdd = curry(add);
console.log(curriedAdd(1)(2)); // 3

高阶函数是 JavaScript 中非常重要的概念，它可以让我们更加灵活地组合函数和处理数据，使代码更加简洁和易于维护。本文介绍了 ES6 中常见的高阶函数及其使用示例，希望能够帮助读者更好地理解和应用高阶函数。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/655d21aad2f5e1655d768f4f