亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

effect返回runner單測實現(xiàn)示例詳解

 更新時間：2022年12月06日 16:21:34   作者：IamZJT_  
這篇文章主要為大家介紹了effect返回runner單測實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪

一、 runner 單測

首先介紹一下runner的功能，分以下幾點:

  • effect(fn)執(zhí)行會返回一個runner函數(shù)；
  • 執(zhí)行runner，相當于重新執(zhí)行一遍effect里面?zhèn)魅氲?code>fn（原始依賴）；
  • 最后runner的返回值就是fn的返回值。

至于runner的作用，可以看做是對外暴露ReactiveEffect實例的run方法。

  • 一方面是為了可以手動調(diào)用觸發(fā)依賴；
  • 另一方面，也是為了和stop結(jié)合使用，來手動控制響應(yīng)式的生效與失效；
    具體點就是：使用者可以手動執(zhí)行runner()來控制副作用函數(shù)的生效 和 執(zhí)行stop(runner)也就是runner.effect.stop()使之失效，具體stop的實現(xiàn)實現(xiàn)后面再說。

還是先來看一下單測吧，單測用例如下：

it('runner', function () {
  // effect(fn) -> return runner -> runner() == fn() -> return
  let foo = 10;
  const runner = effect(() => {
    foo++;
    return 'foo';
  });
  expect(foo).toBe(11);
  const r = runner();
  expect(foo).toBe(12);
  expect(r).toBe('foo');
});

二、 核心邏輯實現(xiàn)

// + 為新增加的代碼。

class ReactiveEffect {
  private _fn: any;
  constructor(fn) {
    this._fn = fn;
  }
  run() {
    activeEffect = this;
    // + 返回fn的返回值
    return this._fn();
  }
}
export function effect(fn) {
  const _effect = new ReactiveEffect(fn);
  _effect.run();
  // + 涉及到run()中this指向的問題，所以需要bind處理一下。
  return _effect.run.bind(_effect);
}

具體實現(xiàn)較為簡單，上述代碼中也有相應(yīng)注釋，這里就不再贅述了。
再次完整跑一遍effect單測，保證新功能的增加對以往實現(xiàn)功能不造成影響。

單測結(jié)果如下：

以上就是effect返回runner單測實現(xiàn)示例詳解的詳細內(nèi)容，更多關(guān)于effect返回runner單測的資料請關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評論