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

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搭配,可以保持一直监听得状态,但是又可以有效的控制流程

发布了149 篇原创文章 · 获赞 166 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/weixin_44369568/article/details/102862925