节流防抖简化版

Posted 2022-02-13 仲夏你的梦

节流

function throttle(fn, delay) 
  let last = 0 // 上次触发时间
  return (...args) => 
    const now = Date.now()
    if (now - last > delay) 
      last = now
      fn.apply(this, args)
    
  


// 测试
function task() 
  console.log('run task')

const throttleTask = throttle(task, 1000)
window.addEventListener('scroll', throttleTask)

防抖

function debounce(fn, delay) 
  let timer
  return function (...args) 
    if (timer) 
      clearTimeout(timer)
    
    timer = setTimeout(() => 
      fn.apply(this, args)
    , delay)
  


// 测试
function task() 
  console.log('run task')

const debounceTask = debounce(task, 1000)
window.addEventListener('scroll', debounceTask)