Javascript中的高阶函数是什么-js教程-PHP中文网

Javascript中的高阶函数是什么

花韻仙語

发布： 2024-10-23 20:43:08

转载

850人浏览过

javascript中的高阶函数是什么

什么是高阶函数？

高阶函数 是一个满足以下任一条件的函数：

接受一个或多个函数作为参数
返回一个函数作为其结果

它是函数式编程的基础之一。

js 中高阶函数的示例：

//map() and reduce()
let nums = [1, 2, 3, 4]
let addone = nums.map((i) => i+1) // [2,3,4,5]
let combined = nums.reduce((res, cur) => res+=cur, 0) // 10

登录后复制

为什么要使用高阶函数？

简化重复模式（抽象）和可重用性

假设您正在处理数字列表，并且需要执行不同的操作（例如，加倍、平方或添加常数）。您可以使用高阶函数抽象行为，而不是编写多个类似的循环。

//normal version
let numbers = [1, 2, 3, 4]; 

const squares = (nums) => {
    let result = [];
    for(let i of nums) {
        result.push(i*i);
    }
    return result;
}

const addthree = (nums) => {
    let result = [];
    for(let i of nums) {
        result.push(i+3);
    }
    return result;
}
squares(numbers) // [1,4,9,16]
addthree(numbers) // [4,5,6,7]

登录后复制

//higher-order function version
let numbers = [1, 2, 3, 4]; 

const applyall = (func, nums) => {
    let result = [];
    for(let i of nums) {
        result.push(func(i));
    }
    return result;
}

applyall((i) => i*i, numbers) // [1,4,9,16]
applyall((i) => i+3, numbers) // [4,5,6,7]

登录后复制

使用一个通用的高阶函数applyall，您可以处理多个操作并避免重复的代码。

从小函数构建复杂逻辑（可组合性）

通过组合小函数，您可以构建更复杂的行为。例如，如果您想首先过滤数字列表以仅获得偶数，然后将它们加倍，然后将所有数字加在一起，您可以链接高阶函数。

//you can chain filter -> map -> reduce
let numbers = [1, 2, 3, 4];
let result = numbers
    .filter(i => i%2===0)
    .map(i => i*2)
    .reduce((res, cur) => res+=cur, 0); // 12

登录后复制

每个步骤（过滤、映射、归约）都由高阶函数处理，使流程更加模块化、更易于维护并且可单独测试。

立即学习“Java免费学习笔记（深入）”；

就是这样！感谢您阅读本文。下次见！

以上就是Javascript中的高阶函数是什么的详细内容，更多请关注php中文网其它相关文章！