问答

不懂就问,自定义销毁定时器的 bug

作者:admin 2021-04-10 我要评论

代码 1 清除定时器有效 let timerMap = {} let id = 0 const _setInterval = (cb, time) = { id++ const fn = () = { cb() timerMap[id] = setTimeout(fn, time)...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

代码 1 清除定时器有效

  let timerMap = {}
  let id = 0
  const _setInterval = (cb, time) => {
    id++
    const fn = () => {
      cb()
      timerMap[id] = setTimeout(fn, time)
    }
    timerMap[id] = setTimeout(fn, time)
    return id
  }
  const _clearInterval = (id) => {
    console.log(timerMap, id)
    clearTimeout(timerMap[id])
    delete timerMap[id]
  }

  let timeId1 = _setInterval(() => {
    console.log(11111)
  }, 1000)

  setTimeout(() => {
    _clearInterval(timeId1)
  }, 1500)

代码 2 清除定时器无效

  let timerMap = {}
  let id = 0
  const _setInterval = (cb, time) => {
    id++
    const fn = () => {
      cb()
      timerMap[id] = setTimeout(fn, time)
    }
    timerMap[id] = setTimeout(fn, time)
    return id
  }
  const _clearInterval = (id) => {
    console.log(timerMap, id)
    clearTimeout(timerMap[id])
    delete timerMap[id]
  }

  let timeId1 = _setInterval(() => {
    console.log(11111)
  }, 1000)
  //加了这段
  let timeId2 = _setInterval(() => {
     console.log(2222)
  }, 1000)

  setTimeout(() => {
    _clearInterval(timeId1)
  }, 1500)

求大佬解释 一下 为什么加了这段就不行了!!!

 let timeId2 = _setInterval(() => {
     console.log(2222)
  }, 1000)
###

自问自答 大概知道了 id 是个全局变量 设置了第二个定时器, id 的作用域就是全局的
所以第一个timerMap[id]追踪不到 对应的 定时器任务返回值了.
应该设置一个闭包的新变量

const _setInterval = (cb, time) => {
    let timer = id++
    const fn = () => {
      cb()
      timerMap[timer] = setTimeout(fn, time)
    }
    timerMap[timer] = setTimeout(fn, time)
    return timer
}

如果有大佬更好的解释 欢迎解答

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器