首页 > web前端 > js教程 > 正文

JavaScript高阶函数是什么_它有哪些典型例子?

夢幻星辰
发布: 2025-12-13 19:09:07
原创
216人浏览过
JavaScript高阶函数指接收函数为参数或返回函数的函数,体现函数式编程思想;常见内置方法有map、filter、reduce、sort,手动实现如once、curry、compose,提升代码复用性与可维护性。

javascript高阶函数是什么_它有哪些典型例子?

JavaScript高阶函数是指接收函数作为参数或返回函数作为结果的函数。它不是某种特殊语法,而是函数式编程思想在JS中的体现——把函数当作“一等公民”来使用。

常见的高阶函数(内置)

ES5之后,数组方法大量采用高阶函数设计,最典型的是:

  • map():对每个元素执行回调,返回新数组。例如:[1,2,3].map(x => x * 2)[2,4,6]
  • filter():用回调筛选元素,返回满足条件的新数组。例如:[1,2,3,4].filter(x => x % 2 === 0)[2,4]
  • reduce():累积计算,把数组“压成”一个值。例如:[1,2,3].reduce((acc, x) => acc + x, 0)6
  • sort():接受比较函数决定排序逻辑。例如:[3,1,2].sort((a,b) => a - b)[1,2,3]

手动写的高阶函数例子

你可以轻松自己定义高阶函数,关键在于参数是函数,或返回函数:

  • once(fn):返回一个只执行一次的函数封装。const init = once(() => console.log('run')); 调用多次也只输出一次
  • curry(fn):把多参数函数转为可分步传参的形式。例如:add(1)(2)(3) 等价于 add(1,2,3)
  • compose(...fns):从右到左组合多个函数,如 compose(f,g,h)(x) 相当于 f(g(h(x)))

为什么用高阶函数?

它让代码更灵活、可复用、易测试:

Figma
Figma

Figma 是一款基于云端的 UI 设计工具,可以在线进行产品原型、设计、评审、交付等工作。

Figma 1371
查看详情 Figma

立即学习Java免费学习笔记(深入)”;

  • 避免重复逻辑——比如统一处理异步失败时,用 withErrorHandling(apiCall) 包一层
  • 支持声明式写法——data.filter(isActive).map(toName) 比 for 循环更清晰
  • 便于抽象通用行为——节流、防抖、日志拦截、权限校验,都靠高阶函数实现

基本上就这些。高阶函数本身不复杂,但它是理解现代JS库(如React Hooks、Redux、Lodash)的重要基础。

以上就是JavaScript高阶函数是什么_它有哪些典型例子?的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号