redux-saga中 take,takeEvery,takeLatest区别,自己的直白理解

16 篇文章 1 订阅
3 篇文章 0 订阅

redux-saga中 take,takeEvery,takeLatest区别,自己的直白理解

redux-saga 的时候,对于take,takeEvery,takeLatest的区别比较迷惑,官方的解释很难理解,然后自己通过写了例子和看了一些解释,下面写一下我的直白理解

先看看官方文档对于take,takeEvery区别的解释

  • takeEvery 的情况中,被调用的任务无法控制何时被调用, 它们将在每次 action 被匹配时一遍又一遍地被调用。并且它们也无法控制何时停止监听。
  • take 的情况中,控制恰恰相反。与 action 被 推向(pushed) 任务处理函数不同,Saga 是自己主动 拉取(pulling) action 的。

从官方文档看takeEvery是被动的监听,当制定的action发过来是触发事件,而take是主动的拉取action,这么说是很难理解,下面我打几个比方就很好理解了。

takeEvery

takeEvery就像一个流水线的洗碗工,过来一个脏盘子就直接执行后面的洗碗函数,一旦你请了这个洗碗工他会一直执行这个工作,不会停止接盘子的监听过程和触发洗盘子函数

function* 洗碗工() {
    yield takeEvery('脏盘子'function* (action) {
        //一些系列洗碗的过程
        yield put({type:'放盘子',盘子: 新盘子}//发送一个放新盘子的action
    })
}

所以这个洗碗工可以无限次的接受脏盘子的action,也不会停止洗盘子,所以你没办法指定让他具体洗盘子


takeLatest

takeLatest也就比较好理解了,这个也是一个洗碗工,但是如果他在洗碗的过程中,又收到一个脏盘子,就会把洗到一半的盘子直接丢掉,然后开始洗最新的脏盘子(怪不得老板总是发现盘子少了)


take

take我们可以想象成一个快递员,他只负责把脏盘子送过来,至于你要对盘子做什么他不管,而且他是一次性收费的,送完一次快递他就走了,所以我们可以具体得安排我们需要几个脏盘子,你也可以安排先送几个盘子再一起洗还是送一个洗一个

//收三个盘子再洗
function* 餐盘收集处() {
	while(true) {
        let one = yield take('脏盘子'let two = yield take('脏盘子'let three = yield take('脏盘子'let 一堆盘子 = yield 洗盘子(one,two,three)
        yield put({type:'放盘子',盘子: 一堆盘子}}
}

//收一个洗一个
function* 餐盘收集处() {
	while(true) {
        let one = yield take('脏盘子'let 一个盘子 = yield 洗盘子(one)
        yield put({type:'放盘子',盘子: 一个盘子}}
}

因为take方法类似于一次性使用得所以经常和while搭配,可以保持一直监听得状态,但是又可以有效的控制流程


以上就是我的理解

  • 7
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值