redux原理实现,2024阿里巴巴前端面试真题解析

本文解析了Redux的原理,包括store.dispatch()、reducer、store.subscribe()和createStore()的作用,并强调了纯函数在性能提升中的应用。作者分享了个人的职场经历,提供了一套完整的2024年Web前端开发学习资料,覆盖前端知识点,适合不同阶段的开发者提升技能。
摘要由CSDN通过智能技术生成

store.dispatch()其功能是告诉store,用户这边发生了什么要求数据更加的行为;

reducer其功能是去执行数据更改的行为;

store.subscribe()其功能是检测数据是否发生变化;

createStore()其接受reducer这个更改了数据之后state,然后再在createStore中执行各种操作,返回新的数据内容到store中;

action其功能是用户请求的表达着,表达用户要进行什么样的操作。

明白了上面的内容后我们就来进行redux原理的正式实现

1.抽离store,将state与dispatch结合在一起,并且将其命名为store,然后再去构建一个函数createStore其目的就是专门用于生产state与dispatch

createStore里面有两个参数,第一个参数表示应用程序的状态,第二个是stateChanger用来描述会更具action来发生什么样子的变化

2.监控数据发生变化,在上面创建的createStore中第二个参数stateChanger就是去监控数据发生的变化,但是有个缺点就是之前写的方法需要手动的去更新,显然在实际的开发过程中,这种方式显然是不可取的。因此需要在stateChanger内部去添加这种制动更新的过程

要达到上面所说的自动更新还需要一个操作,那就是你要实时的去检测到这种变化,并且实时的

  • 23
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值