yk7412 2021-12-19 23:42 采纳率: 50%
浏览 162
已结题

关于react hook防抖函数,函数组件中没有this,但是函数中用到了this

函数的功能实现了,但是不太理解其中原理

这是网上找的案例,基本上大同小异,有几点疑问
1、定时器中为什么要使用fn.call(this,args),使用this的意义是什么
2、args是什么,从哪来的
2、return的函数 f 与 fn 的关系,为什么需要把 f 的参数args传给fn

function useDebounce(fn, delay, dep = []) {
  const { current } = useRef({ fn, timer: null });
  useEffect(function () {
    current.fn = fn;
  }, [fn]);
 
  return useCallback(function f(args) {
    if (current.timer) {
      clearTimeout(current.timer);
    }
    current.timer = setTimeout(() => {
      current.fn.call(this, args);
    }, delay);
  }, dep)
}
  • 写回答

1条回答 默认 最新

  • 关注

    箭头函数内没有自己的this。如果在箭头函数内使用this,访问的是外层函数的this。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 1月1日
  • 已采纳回答 12月24日
  • 创建了问题 12月19日

悬赏问题

  • ¥15 自制电路图为何无法驱动ESP01S?
  • ¥15 前端加access数据库
  • ¥15 ARCGIS 多值提取到点 ERROR 999999
  • ¥15 mysql异常断电, [MY-011971] [InnoDB]
  • ¥15 uni.onBluetoothDeviceFound熄屏不运行
  • ¥35 关于shodan搜索网络摄像头的各种方法详解
  • ¥15 求PHDA糖尿病并发症数据集,有偿
  • ¥15 为什么AVL fire DVI 界面里面的response Editor project 中的Summary result 点不了
  • ¥20 中标麒麟系统V4.0,linux3.10.0的内核,3A4000处理器,如何安装英伟达或AMD的显卡驱动,
  • ¥20 求文心中文心理分析系统(TextMind)