阅读 133

clearTimeout清除掉的定时器不等于Null

如果timer是一个定时器,直接将他log(打印)出来是一个数组编号,他被clearTimeout后再log也是会显示一个编号,typeof(timer)会显示他是"number",因此在立即执行防抖函数中,他可以被设置成开关 if(timer) //true

function debounce(func,wait) {
  let timeout;
  return function () {
      const context = this;
      const args = [...arguments];
      if (timeout) clearTimeout(timeout); 
//若存在就清除定时器
      const callNow = !timeout;
//清除后的timeout为一个数字编号,所以可以当判断条件
      timeout = setTimeout(() => {
          timeout = null;
//时间到了将其设置为null,然后可以重新触发。
      }, wait)
      if (callNow) func.apply(context, args)
  }
}复制代码

第一次触发timeout不存在,为undefind,然后一路顺风。 第二次由于已经设置一个定时器,在定时器没结束的时间内触发时,即使clearTimeout(timeout),timeout不等于null。

将他剖析了解到第一次触发后timeout为7,第二次为12...每次加5,而这个5正好是我设置了五秒。又设置了一个实验

所以猜想定时器一开始是为2,每次增加的数值为设置的秒数。

可以肯定的是clearTimeout清除掉的定时器绝对不等于Null


作者:南极灬鲸落
链接:https://juejin.cn/post/7019538128817897503


文章分类
后端
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐