Javascript中的高阶函数是什么？

风之吻网站开发 2025-01-20 503

Javascript中的高阶函数是什么？-第1张图片-风享汇

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

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

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

　　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

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

标签： JS