前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >高阶函数

高阶函数

原创
作者头像
菜园前端
发布2023-06-03 22:04:31
1730
发布2023-06-03 22:04:31
举报
文章被收录于专栏:前端学习文档前端学习文档

原文链接:https://note.noxussj.top/?source=cloudtencent

什么是高阶函数?

有两种情况都可以被定义为高阶函数,第一种是把函数作为参数传递给另外一个函数,第二种是把函数作为另一个函数的返回结果。就像我们平时调用函数,一般都是传递值类型或者对象和数组等参数,或者是函数返回结果是值类型或者是对象和数组,高阶函数就是把上面提到的值类型、对象、数组改为函数。

优点

函数作为参数,可以使我们这个函数变得更灵活

使用高阶函数的意义

  • 抽象(封装)可以帮我们屏蔽细节,只需要关注与我们要实现的目标
  • 高阶函数是用来抽象通用的问题
  • 可以简化我们的代码

ES5、ES6 中常用的高阶函数

  • forEach
  • map
  • filter
  • every
  • some
  • find
  • findIndex
  • reduce
  • sort

基础案例

面向对象方式

代码语言:javascript
复制
const array = [1, 2, 3, 4]

for (let i = 0; i < array.length; i++) {
    console.log(array[i])
}

高阶函数方式

代码语言:javascript
复制
// 抽象循环功能
function forEach(array, fn) {
    for (let i = 0; i < array.length; i++) {
        fn(array[i])
    }
}

// 定义数据
const arr = [1, 3, 4, 7, 8]

// 调用函数,传入函数作为参数
forEach(arr, (item) => {
    console.log(item)
})

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 什么是高阶函数?
  • ES5、ES6 中常用的高阶函数
  • 基础案例
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档