美文网首页前端JavaScript前端vue
【前端开发】01 - 刷新频繁的防抖函数

【前端开发】01 - 刷新频繁的防抖函数

作者: itlu | 来源:发表于2021-03-07 00:03 被阅读0次
    1. 自定义防抖函数:
     /**
           * @param func 需要防抖的函数
           * @param delay 延迟时间
           * */
          debounce(func,delay) {
            let timer = null
            return function (...args) {
              if (timer) clearTimeout(timer)
              timer = setTimeout(() => {
                func.apply(this,args)
              },delay)
            }
          },
    
    1. setTimeout()的执行总是落后于其他普通代码的执行:
    /**
     * setTimeout() 执行
     **/
    
    console.log('aaa')
    
    setTimeout(() => {
      console.log('bbb')
    })
    
    console.log('ccc')
    // 上面代码的执行顺序 : aaa => ccc => bbb
    
    上面代码的执行

    相关文章

      网友评论

        本文标题:【前端开发】01 - 刷新频繁的防抖函数

        本文链接:https://www.haomeiwen.com/subject/cykeqltx.html