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 微信会员卡等级和折扣规则
  • ¥15 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗
  • ¥15 随身WiFi网络灯亮但是没有网络,如何解决?
  • ¥15 gdf格式的脑电数据如何处理matlab
  • ¥20 重新写的代码替换了之后运行hbuliderx就这样了
  • ¥100 监控抖音用户作品更新可以微信公众号提醒
  • ¥15 UE5 如何可以不渲染HDRIBackdrop背景
  • ¥70 2048小游戏毕设项目
  • ¥20 mysql架构,按照姓名分表
  • ¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分