javascript - 问一个关于闭包中的setTimeout的问题
ringa_lee
ringa_lee 2017-04-11 08:58:27
[JavaScript讨论组]
function debounce(fn, delta, context) {
  var timeoutID = null;
  
  return function() {
    if(timeoutID) {
      clearTimeout(timeoutID);
      console.log(timeoutID);
    }
   
    
    var args = arguments;
    
    timeoutID = setTimeout(function() {
      fn.apply(context, args);
    }, delta);
    
  }
}

function D() {
  document.body.innerHTML += 'D<br>'
}
window.addEventListener('click', debounce(D, 1000));

ringa_lee
ringa_lee

ringa_lee

全部回复(3)
伊谢尔伦

你看到的那个数字是变量 timeoutID 的值,它是由 setTimeout 函数返回的,它的值是一个数字。它代表一个定时器的 id ,每次点击后这个值会变化。例如在 Chrome 浏览器中,第一次点击后它的值是 1, 第二次点击后是 2,以此类推。

它只代表定时器的 id,不代表定时器是否已经已经完成或者被取消。

PHP中文网

你又没清空timeoutID这个变量 当然能看到了

PHP中文网
timeoutID = setTimeout(function() {
  fn.apply(context, args);
  timeoutID = null;
}, delta);

这样子试一下,

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号