什么是高阶函数

简介: 什么是高阶函数

名称:什么是高阶函数


目录:

一、介绍

二、高阶函数的本质

二、高阶函数的本质

字数:大约600字

一、介绍


高阶函数:看上去很高大上的样子,其实也很简单,只需要满足以下两个条件中任何一个即可。


第一个条件:函数作为函数的参数。


第二个条件:返回一个函数。


听上去,这个高阶函数离我们很远很远,其实不是,你其实每天都在用高阶函数,甚至可以说,你每个js文件都用到高阶函数。


例如以函数作为参数:


const arr = [1,2,3,4,5];
arr.map(item => item + 10)
arr.filter(item => item % 2 === 0)
numbers.reduce((accumulator, currentValue) => accumulator + currentValue);
setTimeout(() => {

}, timeout);

dom.addEventListener('click', () => {

})

例如以函数作为返回值:


function a(){
  

}
const b = a.bind({})

那为什么js要有高阶函数,其实如果js没有高阶函数,那真是不知道该怎么写了,上面的方法都不能那样写。


二、高阶函数的本质


那到底js高阶函数有什么用呢。这个问题其实涉及到高阶函数的本质。在函数式编程里面,他把每一个函数看作是一个运算,它认为函数的本质就是运算,给我一些就给你算出一些东西,而高阶函数表达是什么呢,表达的是运算的缺失和延续,怎么理解,我们先来看缺失。


我们来看看这个map,当你自己去写一个map函数的时候,你会怎么写呢,我的目标是返回一个数组,遍历原数组,经过一套规矩,转换成新的值,把新的值,放到新的数组里,它的基本逻辑就是这样。


function map() {
  
const result = [];
for (let i = 0; i < 愿数组.length; i++) {
愿数组[i] --> 新的值
result.push(新的值)
}
}

但是你仔细想想,在上面代码,是不是有个拼图是缺失的,什么拼图,就是


愿数组[i] --> 新的值

这里需要一个运算,把原数组里面的值通过一定的运算,转换成新的值,我在写这个函数的时候,缺失了一个运算,而这个运算,本质上就是一个函数,你需要给我传进来,把这个拼图补上,


function map(fn) {
  
const result = [];
for (let i = 0; i < 愿数组.length; i++) {
const 新的值 = fn(愿数组[i])
result.push(新的值)
}
}

所以,如果函数作为参数进来,那么就意味着这个方法有个运算的缺失,需要用高阶函数来表达。


而另一方面,你写一个bind函数。


function bind(thisArg) {
  
const fn = 绑定了this的函数,
return fn;
}

这个bind函数,只负责生成这个函数,但是这个函数在什么时候运行,我不知道,也可以现在调用,也可以将来某个时候运行,都不清楚,那怎么办呢,那就把这个函数返回.


用的人,拿到这个返回值,就拿到这个函数,将来他在任何时候都可以调用这个函数,实际上调用的是bind函数里面的功能。也就是,虽然bind执行完啦,但是没有结束,他的功能会延续到外层,在将来的某个时候发挥作用,这个就是运算的延续。


三、总结


我们在运算缺失的时候,需要函数作为参数,我们需要对运算作为延续的时候,需要函数作为返回值。


虽然在js里面可以看见各种高阶函数,但是底层逻辑都是一样的。


学习了高阶函数,很多时候你可以又用不到,为什么这么说呢,因为一般代码都是出现在公共代码里面,都是中高级开发者封装好的方法。


相关文章
|
3月前
|
存储 算法
什么是高阶函数
什么是高阶函数
72 1
|
3月前
|
JavaScript 索引 Windows
函数柯里化
函数柯里化
30 0
|
10月前
1 # 高阶函数
1 # 高阶函数
48 0
|
10月前
|
JavaScript 前端开发 Java
函数式编程入门:理解纯函数、高阶函数与柯里化
函数式编程入门:理解纯函数、高阶函数与柯里化
111 0
|
10月前
2 # 函数柯里化
2 # 函数柯里化
23 0
|
存储 JavaScript 前端开发
柯里化
柯里化
66 0
|
分布式计算 开发者 Python
高阶函数| 学习笔记
快速学习高阶函数
82 0
高阶函数实战
高阶函数实战
65 0
|
分布式计算 Scala 开发者
高阶函数的介绍和使用 | 学习笔记
快速学习高阶函数的介绍和使用
99 0
|
存储
函数柯里化详解
函数柯里化详解
115 0