我觉得防抖和节流直接上 Promise 版会更易于理解

Question

//防抖 Promise 版
function debounce(fn, delay = 500) {
  let timer = null
  return (...args) => {
    clearTimeout(timer)
    return new Promise((resolve) => {
      timer = setTimeout(() => {
        resolve(fn(...args))
      }, delay)
    })
  }
}
// 节流 Promise 版
function throttle(fn, delay = 100) {
  let timer = null
  return (...args) => {
    if (timer) {
      return
    }
    return new Promise((resolve) => {
      timer = setTimeout(() => {
        resolve(fn(...args))
        timer = null
      }, delay)
    })
  }
}

没有了 this，更易于理解。讨厌的 this (逃

Answer 1

双越 2020-06-23 21:39:13

这样也可以。赞！

• Raymond0913 #1

  老师，这里使用promise有什么作用吗？感觉不使用也可以呀。这里也不需要.then呀？
  function throttle(fn, delay = 100) {
    let timer = null
    return (...args) => {
      if (timer) {
        return
      }
      timer = setTimeout(() => {
        fn(...args) 
        timer = null
      }, delay)
    }
  }
  这样写我测试无论是功能还是this指向都没问题