Young Kbt blog Young Kbt blog
首页
  • java基础

    • Java基础
    • Java集合
    • Java反射
    • JavaJUC
    • JavaJVM
  • Java容器

    • JavaWeb
  • Java版本新特性

    • Java新特性
  • SQL 数据库

    • MySQL
    • Oracle
  • NoSQL 数据库

    • Redis
    • ElasticSearch
  • 数据库

    • MyBatis
    • MyBatis-Plus
  • 消息中间件

    • ActiveMQ
    • RabbitMQ
    • RocketMQ
    • Kafka
  • 进阶服务

    • Nginx
  • Spring
  • Spring Boot
  • Spring Security
  • 设计模式
  • 算法
  • 知识
  • 管理

    • Maven
    • Git
  • 部署

    • Linux
    • Docker
    • Jenkins
    • Kubernetes
  • 进阶

    • TypeScript
  • 框架

    • React
    • Vue2
    • Vue3
  • 轮子工具
  • 项目工程
  • 友情链接
  • 本站

    • 分类
    • 标签
    • 归档
  • 我的

    • 收藏
    • 关于
    • Vue2-Admin (opens new window)
    • Vue3-Admin(完善) (opens new window)
GitHub (opens new window)

Shp Liu

朝圣的使徒,正在走向编程的至高殿堂!
首页
  • java基础

    • Java基础
    • Java集合
    • Java反射
    • JavaJUC
    • JavaJVM
  • Java容器

    • JavaWeb
  • Java版本新特性

    • Java新特性
  • SQL 数据库

    • MySQL
    • Oracle
  • NoSQL 数据库

    • Redis
    • ElasticSearch
  • 数据库

    • MyBatis
    • MyBatis-Plus
  • 消息中间件

    • ActiveMQ
    • RabbitMQ
    • RocketMQ
    • Kafka
  • 进阶服务

    • Nginx
  • Spring
  • Spring Boot
  • Spring Security
  • 设计模式
  • 算法
  • 知识
  • 管理

    • Maven
    • Git
  • 部署

    • Linux
    • Docker
    • Jenkins
    • Kubernetes
  • 进阶

    • TypeScript
  • 框架

    • React
    • Vue2
    • Vue3
  • 轮子工具
  • 项目工程
  • 友情链接
  • 本站

    • 分类
    • 标签
    • 归档
  • 我的

    • 收藏
    • 关于
    • Vue2-Admin (opens new window)
    • Vue3-Admin(完善) (opens new window)
GitHub (opens new window)
  • 超文本标记语言 - Html

  • 解释编程语言 - JavaScript

  • JS 超集语言 - TypeScript

  • 界面构建框架 - React

    • React - 基础与核心
    • React - 脚手架及使用
    • React - 路由
    • React - Redux
    • React - 函数类型
      • React - 进阶知识
      • React - 父子传值与循环key
    • 渐进式框架 - Vue2

    • 渐进式框架 - Vue3

    • 前端
    • 界面构建框架 - React
    Young Kbt
    2022-02-21
    目录

    React - 函数类型

    • 纯函数
    • 高阶函数
    • 函数的柯里化

    # 纯函数

    一类特别的函数: 只要是同样的输入(实参),必定得到同样的输出(返回)。

    必须遵守以下一些约束 :

    • 不得改写参数数据
    • 不会产生任何副作用,例如网络请求,输入和输出设备
    • 不能调用 Date.now() 或者 Math.random() 等不纯的方法

    Redux 的 reducer 函数必须是一个纯函数。

    # 高阶函数

    一类特别的函数:

    • 情况 1: 参数是函数
    • 情况 2: 返回是函数

    常见的高阶函数:

    • 定时器设置函数
    • 数组的 forEach()/map()/filter()/reduce()/find()/bind()
    • promise
    • react-redux 中的 connect 函数
    • 作用: 能实现更加动态,更加可扩展的功能

    # 函数的柯里化

    概念:通过函数调用继续返回函数的方式,实现多次接收参数最后统一处理的函数编码形式。

    例子:

    function sum(a){
       return(b)=>{
          return (c)=>{
             return a+b+c
          }
       }
    }
    sum(1)(2)(3) // 6
    
    1
    2
    3
    4
    5
    6
    7
    8
    编辑此页 (opens new window)
    #React
    更新时间: 2023/09/18, 16:34:13
    React - Redux
    React - 进阶知识

    ← React - Redux React - 进阶知识→

    最近更新
    01
    技术随笔 - Element Plus 修改包名 原创
    11-02
    02
    Reactor - 扩展性
    11-02
    03
    Reactor - 最佳实践
    11-02
    更多文章>
    Theme by Vdoing | Copyright © 2021-2024 Young Kbt | blog
    桂ICP备2021009994号
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式