首页 > web前端 > js教程 > Javascript中的高阶函数是什么

Javascript中的高阶函数是什么

Patricia Arquette
发布: 2024-10-22 06:21:31
原创
1068 人浏览过

What is higher-order function in 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
登录后复制

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


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

以上是Javascript中的高阶函数是什么的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板