JavaScript如何实现debounce-成都快上网建站

JavaScript如何实现debounce

这篇文章主要介绍了JavaScript如何实现debounce,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

成都创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站建设、网站建设、元氏网络推广、微信小程序开发、元氏网络营销、元氏企业策划、元氏品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联为所有大学生创业者提供元氏建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com

debounce(防抖)

触发高频时间后n秒内函数只会执行一次,如果n秒内高频时间再次触发,则重新计算时间。

const debounce = (fn, time) => {
  let timeout = null;
  return function() {
    clearTimeout(timeout)
    timeout = setTimeout(() => {
      fn.apply(this, arguments);
    }, time);
  }
};

防抖常应用于用户进行搜索输入节约请求资源,window触发resize事件时进行防抖只触发一次。

感谢你能够认真阅读完这篇文章,希望小编分享的“JavaScript如何实现debounce”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


本文名称:JavaScript如何实现debounce
分享地址:http://kswjz.com/article/jpcois.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流