八、React学习笔记整理(高阶函数和函数柯里化)

89 阅读1分钟

一、函数柯里化

函数柯里化:通过函数调用,继续返回函数的方式,实现多次接收参数,最后统一处理的函数编码方式 代码演示:

 function sum(a) {
    return (b) => {
      return (c) => {
        return a + b + c
      }
    }
  }
 console.log(sum(1)(2)(3));

二、高阶函数

高阶函数:如果一个函数满足两个条件之一,就是高阶函数

  1. 函数返回值,是一个函数
  2. 函数接收的参数是一个函数

演示1:函数返回值是一个函数

function returnFunc(){
    return (param) => {
        return param
    }
}
console.log(numValue()(5))

演示2:函数接收的参数是一个函数

// 这里func是一个函数
function paramFunc(func){
    // 调用传入的函数,并传入参数
    fun('tom')
}
// 调用paramFunc函数,并传入一个函数,该函数也有参数。
paramFunc((name)=>{
    console.log('test', name)
})